安卓retina屏幕css里边的device-width 判断有问题

Question

preconditionmx4默认浏览器meta：width=device-widthwindow.innerWidth=384，window.devicePixelRatio=3，screen.width=1152问题css//ipad的mediaquery被适配到了mx4上@mediaonlyscreenand(min-device-width:768px)and(orientation:portrait){}iphone下正常，同样地问题在华为猫客也有。猜测的原因：css里边device-width的判断按照屏幕分辨率（1152）来计算，不是按照浏览器设置device-width（381）来计算求大神支招解答！！！！！！

Answer 1

将ipad的判断条件补齐：@mediaonlyscreenand(min-device-width:768px)and(max-device-width:1024px)and(orientation:landscape){/Styles/}
你可以使用@mediascreenand(device-width:1152px){/Styles/}来检测mx4上使用到的device-width是否等于screen.width。
but，据我目前的知识，楼主的情况不应该啊，手边没有mx4，测不到。
当然还有可能的情况是@mediaonlyscreenand(min-device-width:768px)在mx4上的解读出错直接忽略，这样也会落在这个区域里。
                            

Answer 2

你可能没有设置viewport吧：
...
...
其中target-densityDpi=medium-dpi比较重要，关于dpi的概念如果不了解的话，建议你去查一下。