장치 높이와 너비 또는 나침반 확장 중단 점으로 뷰포트를 사용해야합니까?

Question

그래서 다음과 같은 상황이 있습니다. $ iPhone : 320px (최대 높이 568px); 이것은 iPhone 크기입니다. 그러나 이러한 정확한 값으로 내 브라우저의 크기를 조정하면 미디어 쿼리가 작동하지 않습니다. 브라우저 확장자를 사용하여 표시 크기를 확인 하여이 대신 뷰포트를 입력하면 작동합니다. 장치 너비와 높이 또는 뷰포트를 사용해야합니까? 뷰포트를 사용하는 것이 이상한 것 같습니다.

여기에 중단 점에 대한 내 변수의 예입니다. "장치"를 추가하여 문제를 해결하고 있습니까? 모든 것에 "장치"를 추가해야합니까?

/ * motorola razr v8 (240 x 320) * /

$ Motorola-Portrait : 240px (최대 장치 높이 320px);

/ * BlackBerry 8300 (320 x 240) * /

$ BlackBerry-Portrait : 320px (최대 장치 높이 240px);

/ * iPhone 3-4 (320 x 480) * /

$ iPhone4 - 초상화 : 320px (최대 장치 높이 480px);

/ * iPhone 5 (320 x 568) * /

$ iPhone5 - 초상화 : 320px (최대 장치 높이 568px);

/ * sasmung 갤럭시 S3 / S4 (360 x 640) * /

$ samsunggalaxy-portrait : 360px (최대 장치 높이 640px);

Answer 1

이 사이트에서 미디어 쿼리를 테스트 할 수 있습니다

미디어 쿼리 테스터

모든 장치에 대해 할 필요가 없습니다!범위를 위해해라!