gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 04:26:11 25 4
gpt4 key购买 nike

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

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

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

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

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

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

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

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

最佳答案

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

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

关于css - 如何使用 html5-boilerplate 创建一个仅限桌面的网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18253202/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com