css - 如何使用 html5-boilerplate 创建一个仅限桌面的网站？

Question

我过去常常使用 html5-boilerplate 开始我的工作而不是从头开始创建文件。它非常适合响应式网页设计。

我正在开发 non-responsive website客户端也需要手机桌面版(还记得几年前网站是如何在手机上打开的吗)。

我没有让它响应，也没有在媒体查询中添加任何样式。

我在台式机上工作正常，但是当我们在移动设备(或小于 940 像素宽的屏幕)上看到该网站时，它不会显示全宽容器的完整背景(即 100%)，而只会显示 background according to width of device .

我不确定，但我认为下面的元视口(viewport)代码有问题:

<meta name="viewport" content="width=device-width" />

我删除了这段代码并测试了网站，但问题仍然存在。谁能告诉我解决方案？

注意:我已经构建了大部分网站，现在我不能从头开始编写标记。

Answer 1

我找到了一个最简单的解决方案，它对我很有效。我刚刚将以下代码添加到 CSS 文件中(我的媒体查询部分位于 main.css 底部，以防 html 样板文件)。

@media only screen and (max-width: 900px) {
    /* Style adjustments for non responsive websites */
    body{width:940px;}
}