使1200px页面在智能手机上正确显示

时间:2016-12-25 00:59:33

标签: mobile responsive-design

我试图让一个1200px的页面显示在三星S7中。由于S7有一个1440x2560的屏幕,我希望页面显示正常,但我看到的只是左边的四分之一,没有能力向左滑动看到更多。我尝试添加一个视口元标记:

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

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

我尝试显示的页面位于https://thebarcoderegistry.com/verify/?barcode=040232534218

由于

1 个答案:

答案 0 :(得分:1)

您的包装器有overflow-x: hidden;因此,当手机上的#wrapper宽度比内部内容的宽度窄时,内部内容会被切断。

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