2013-10-31 2 views
1

모든 종류의 화면 해상도 및 장치 (데스크탑 또는 모바일)를 사용하면 웹 사이트에 적합한 너비를 고르는 것이 어렵습니다.반응 형 디자인에서 적절한 래퍼 크기 선택

  • 1340px
  • 1180px
  • 1000px
  • 480 픽셀

그러나 아이폰 말 : 내 경우, 웹 사이트는 내가이 폭에 대한 거부했습니다 있도록 사진 작가의 작품을 제시하는 것입니다 4S (기본 해상도는 960 x 640)가 세로로 배치되어 있으며 장치에 표시되는 래퍼는 무엇입니까? 1000px 래퍼를 640px로 크기를 조정하거나 480px를 고를 수 있습니까?

+1

장치를 기준으로 래퍼 크기를 선택하지 마십시오. 화면을 축소 할 때 실제 디자인이 중단되는 시점의 중단 점을 기반으로합니다. –

+0

미디어 쿼리에 대해 알고 있습니까? – DaniP

+0

@ 단코 : 아니, 무슨 뜻이야? –

답변

1

반응 형 디자인의 기초부터 배우기를 원할 것입니다. 체크 아웃 : http://www.abookapart.com/products/responsive-web-design

기기 크기의 특성이 계속 변화하고 있으므로 특정 기기/해상도를 타겟팅하지 않는 것이 좋습니다. 좁은 화면으로 시작하고 레이아웃이 깨질 때까지 창을 확장하십시오. 거기에 중단 점을 추가하십시오. 콘텐츠가 지시하는대로 계속 확장하고 중단 점을 추가하십시오.

관련 문제