Question

我已经创建了这个网站，它有一个视口

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />

它仍然被部分查看或剪辑我想如果我尝试通过CRT显示器以800x600桌面分辨率或任何小于1280x800，甚至移动设备查看它，我可以使网站不剪辑或至少使其水平可见但是是不是像现在这样剪裁？我想问题是它的包装器，任何解决方案？

网站：http://techarx.com/

我希望我对此感到安全。

Answer 1

你的问题在css中。你现在有：

.page-wrapper {
    width: 80%;
}
#page {
    width: 1100px;
}

因此，当80％的窗口小于1100px时，事情就会被切断。

解决此问题的最快方法是：

.page-wrapper {
    width: 80%;
    min-width: 1100px;
}
#page {
    width: 1100px;
}

你也可以让你的#page div更窄，或者使它宽度：100％，但是你还需要调整内部列。

我的网站，它被修剪

1 个答案: