我的移动设备是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/

10-09 18:54