我的移动设备是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
答案 0 :(得分：3)
渲染宽度为360px，但深度为720px。换句话说，它使用4个像素来显示1个正常像素。因此，所有普通图形都会显得模糊，因为它会将图像放大两倍。所以解决方案是创建两倍大的图像，并将它们缩小50％。
答案 1 :(得分：1)
据我所知，声明视点时的语法应为：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
请注意，它使用逗号而不是分号，并且在结束/＆gt;之前没有任何内容。
根据我的阅读，使用分号可能会导致某些浏览器出现问题。
祝你好运！答案 2 :(得分：0)
这可能是您的压缩分辨率，而不是您的缩放分辨率。
如果您查看智能手机的规格，您会看到4.7英寸的屏幕分辨率为1280像素x 720像素。 See specs.这与我的13“Macbook大致相同，这是不可能的，因为我的Macbook的宽度超过两倍。因此，他们正在推广压缩分辨率，这不是浏览器在处理媒体查询时考虑的分辨率