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

Question

precondition
mx4默认浏览器
meta：width=device-width
window.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的概念如果不了解的话，建议你去查一下。