어떤 크기는 아이 패드와 아이폰, 초상화와 풍경

Question

내 응용 프로그램에서 3 미디어 쿼리 중단 점을 데 이상적입니다

1. (최소 폭 :가 1024px) // (
2. 데스크탑
들어 최대 폭 : 1023px)와 (방향 : 세로) // 모바일 세로
3. (최대 폭의 경우 : 1023px)와 (오리엔테이션 : 가로) // 모바일 풍경

를 들어 중단 점을 바탕으로 전 나는 바뀔거야. 장치 및 방향에 해당하는 이미지 원본

이미지의 너비와 높이가 데스크톱 장치 용 346x251입니다.

이제 휴대 전화의 세로 및 가로 방향으로 이미지를 슬라이스해야합니다. 모바일 인물 및 모바일 환경에 적합한 크기는 무엇입니까

도움이 될 것입니다.

Answer 1

나에게 짧은 대답은 : 레이아웃의 나머지 부분에서 어떤 크기의 작품이든간에.

비슷한 상황에서 일반적으로하는 일은 가장 작은 화면/브라우저 크기로 시작하여 레이아웃을 시도한 다음 브라우저의보기 크기를 점차 늘려서 쓰레기처럼 보일 때까지 변경합니다. 미디어 쿼리로 최소 너비.

오늘의 제품을 기반으로 한 가장 일반적인 크기가 아닌 모든 뷰포트 크기에서보기 좋게 만들어 레이아웃을 "미래에 증명"하는 것이 더 좋습니다.