css - 我的网站，它被剪掉了

Question

我做了这个网站，它有一个视口(viewport)

<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% 小于 1100 像素时，一切都会被截断。

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

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

您也可以让您的#page div 变窄，或将其设置为 width: 100%，但您还需要调整内部列。