媒体查询不适用于phonegap中的android屏幕720*1280
我正在phonegap中开发android应用程序,带有响应式css。我的应用程序在所有屏幕上都可以正常工作,但媒体查询不适用于720*1280。我的媒体查询如下所示媒体查询不适用于phonegap中的android屏幕720*1280,android,html,css,cordova,media-queries,Android,Html,Css,Cordova,Media Queries,我正在phonegap中开发android应用程序,带有响应式css。我的应用程序在所有屏幕上都可以正常工作,但媒体查询不适用于720*1280。我的媒体查询如下所示 @仅介质屏幕和(最小设备宽度:768px)和 (最大设备宽度:1024px){} @仅媒体屏幕和(最小设备宽度:480px)和(最大设备宽度:767px){} @仅媒体屏幕和(最小设备宽度:320px)和(最大设备宽度:480px){ @仅媒体屏幕和(最大宽度:801px){} @仅介质屏幕和(最大宽度:768px){} @仅介
- @仅介质屏幕和(最小设备宽度:768px)和 (最大设备宽度:1024px){}
- @仅媒体屏幕和(最小设备宽度:480px)和(最大设备宽度:767px){}
- @仅媒体屏幕和(最小设备宽度:320px)和(最大设备宽度:480px){
- @仅媒体屏幕和(最大宽度:801px){}
- @仅介质屏幕和(最大宽度:768px){}
- @仅介质屏幕和(最大宽度:600px){}
- @仅介质屏幕和(最大宽度:515px){}
- @仅介质屏幕和(最大宽度:480px){}
- @仅媒体屏幕和(最大宽度:384px){}
- @仅介质屏幕和(最大宽度:320px){}
- @仅介质屏幕和(最大宽度:240px){}
提前感谢有很多断点,它们相互冲突,相互混合,并且是冗余的。例如,此“仅媒体屏幕和(最大宽度:384px){}”与“仅媒体屏幕和(最小设备宽度:320px)和(最大设备宽度:480px){}”冲突。调整您的媒体查询时,您遇到的错误可能是由于您是在真正的硬件上还是在桌面浏览器中进行测试?许多设备的像素比大于1,您的媒体查询需要反映这一点。例如,iPhone5屏幕的宽度为640px,但像素比为2,因此为了媒体查询的目的,它会响应320px的宽度。所有最近使用高清屏幕的设备也是如此。另外,请注意,宽度的含义在纵向和横向之间会发生变化。您没有适用于1280px(最大为1024px)宽度的媒体查询。