我正在使用CSS Media Queries为不同大小的设备加载不同的模板.我创建了一个电子表格,列出了测试设备的显示分辨率以及最常见的设备,以提供尺寸截止.我正在测试的其中一个设备是Nexus 7,我发现其显示分辨率为1280×800.但是当我在代码中使用这些值时,它不起作用.
**我使用no max或min的唯一原因是因为我试图找到确切的分辨率.如果我用max-device-width代替相当大的东西,它可以工作,我已经做了足够的测试,知道它适用于给定的各种最大值但是为了正确完成我的代码以区分3种不同大小的设备类别,我必须确保我正在创造正确的截止点.CSS分辨率不同吗？感谢您提前提供的所有帮助!
@media only screen and (device-width:1280px) and (orientation:landscape) {
/*style --code removed for sack of space */
}
@media only screen and (device-width:800px) and (orientation:portrait) {
/*style --code removed for sack of space */
}
这是我的html文件中的视口代码
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">