获取1200像素的页面以在智能手机上正确显示

我试图让1200像素的页面显示在三星S7中。由于S7有一个1440x2560的屏幕，我期望页面显示正常，但是我看到的只是左边的四分之一，无法向左滑动以查看更多。我尝试添加视口元标记：获取1200像素的页面以在智能手机上正确显示

<head> 
    <meta name = "viewport" content="width=device-width, initial-scale=1.0" />

但我得到了相同的结果。有谁知道如何让这个页面正确显示？

感谢

2016-12-25 Steve

你的包装已经overflow-x: hidden;因此内部内容被切断时#wrapper指定的手机上的宽度比宽度窄的内部内容。

将overflow-x: hidden;关闭或更改为visible，您将可以滚动查看内容。

2016-12-25 01:31:50 haltersweb

好的，谢谢。但是，我并没有在“View Page Source”中的任何地方看到“overflow-x：hidden;'在使用Chrome查看桌面上的页面。你能告诉我你是如何找到的？ – Steve

当您在chrome开发工具中检查时，您的浏览器宽度会缩小到小于767px。该风格在媒体查询中： @media仅屏幕和（最大宽度：767px）＃wrapper overflow-y：visible; overflow-x：hidden; } – haltersweb

这很奇怪！将页面缩小到640x960或768x1280在我的桌面上，View Page Source仍然不会显示像overflow-x：hidden这样的内容;另外，我为页面编写了HTML和CSS，并且我知道我没有放置任何媒体查询。我怎样才能看到你所看到的？ – Steve

回答