所以我有以下情况： $ iphone：320px（最大高度568px）; 这是iPhone的尺寸。但是，当我将浏览器的大小调整为这些确切的值时，媒体查询将无法正常工作。如果我输入视口而不是通过使用浏览器扩展来检查显示大小，它可以工作。我应该使用设备宽度和高度还是视口？使用视口似乎很奇怪。
以下是断点变量的示例：我是否通过添加“设备”来解决问题？我是否必须为所有人添加“设备”？
/ * Motorola RAZR V8（240 x 320）* /
$ motorola-portrait：240px（max-device-height 320px）;
/ * Blackberry 8300（320 x 240）* /
$ blackberry-portrait：320px（max-device-height 240px）;
/ * iphone 3-4（320 x 480）* /
$ iphone4-portrait：320px（max-device-height 480px）;
/ * iphone 5（320 x 568）* /
$ iphone5-portrait：320px（max-device-height 568px）;
/ * Sasmung Galaxy S3 / S4（360 x 640）* /
$ samsunggalaxy-portrait：360px（max-device-height 640px）;