Responsive design 三星Galaxy S III Mini的响应性设计

我正忙着让一个现有的站点响应，目前我只让它响应一个解决方案，这样我的销售经理就可以向客户“销售”响应站点的想法。我遇到了一个问题，我被分配了480px和800px的屏幕大小，这是三星Galaxy S III Mini的屏幕大小

使用firefox中的responsive design view或其他各种在线工具在我的计算机上测试响应性设计时，效果良好。但是，当我在手机上测试它时，它会显示正确的响应设计，但不会填满屏幕的宽度。换句话说，屏幕宽度是480像素，但页面上没有任何内容可以填充480px的空间，它只覆盖了屏幕宽度的一半，并在右侧留下空白

这是我正在使用的媒体查询：

@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px){

这是否与像素密度有关，或者是什么导致了此问题

提前感谢
亲切的问候
威廉

---

你看过这个标签了吗？这会改变在移动浏览器上缩放布局的方式。你可以看看我在这里发现了什么：。此示例显示了您似乎遇到的问题。据我所知，“viewport”标签适用于所有移动浏览器，但如果这对您没有帮助，您应该检查手机上的不同浏览器。

当所有宽度都正常工作时，我遇到了相同的右侧白色问题，并通过关闭CSS中的溢出功能解决了此问题，如下所示。。。这可能会隐藏实际内容，因此您必须根据您的情况/布局进行测试

html { overflow-x: hidden; }

---

非常感谢，这解决了缩放问题，但是，页面右侧仍然有很大一部分白色，但是所有宽度都已设置为设备宽度。。。不确定是什么导致了问题。。。

html { overflow-x: hidden; }