我的移动设备是HTC One X,分辨率:720x1280
我需要做响应式网页
在html中我写<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
但是在浏览器中我有360px宽度。我已经使用$(window).width()
或document.width
进行了检查
最佳答案
渲染宽度为360px,但深度为720px。换句话说,它使用4个像素显示1个正常像素。因此,所有常规图形在将图像放大至两倍大小时将显得模糊。因此解决方案是创建两倍大的图像,并将其缩小50%。
关于css - 我的设备分辨率为720px,但浏览器宽度为360px,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15339371/