三星Galaxy S III Mini上的自适应设计
我正在忙于使现有网站响应，目前我只是对一种解决方案做出响应，以便我的销售经理可以将响应网站的想法“推销”给客户。 我遇到了一个问题，我已经指定了屏幕尺寸为480x800像素，三星Galaxy S III Mini的屏幕尺寸。
当在我的电脑上使用响应式设计视图在Firefox或其他各种在线工具上测试响应式设计时，它可以正常工作。 但是，当我在手机上测试它时，它会显示正确的响应式设计，但它不会填满屏幕宽度。 换句话说，屏幕宽度是480像素，但页面上没有任何内容实际上填满了这个480像素，它只覆盖了屏幕宽度的一半，并留下了右侧的空白区域。
这是我正在使用的媒体查询：
@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px){
这是否与像素密度有关或者是什么导致了这个问题？
提前致谢
亲切的问候
威廉
<meta name="viewport">
你看过这个标签吗？ 这改变了布局在移动浏览器上放大/缩放的方式。 你可以看看我在这里找到的：https：//developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag。 这个例子显示了你似乎遇到的问题。 据我所知，“视口”标签适用于所有的移动浏览器，但如果这对您没有帮助，您应该在手机上查看不同的浏览器。
当所有宽度工作正常时，我遇到了同样的右侧白色问题，并通过关闭CSS中的溢出来解决它，如下所示......这可能会隐藏实际内容，因此您必须根据您的情况/布局进行测试......
html { overflow-x: hidden; }