关于我的 CSS 代码,我一直在处理一个问题。它链接在 HTML 文件中,当我在 Internet 上发布它时,除了最大宽度之外的所有内容都有效。当我从我的桌面文件打开文件时,最大宽度是正确的,但是当我在 Internet 上访问 www 文件时,最大宽度不固定并且 div #content 更大并在页面扩展时扩展,我不要。我希望它保持 600 像素宽。
div 是:
#content
{ background-color: black;
max-width: 600px;
padding: 20px; }
它在 HTML 中被引用:
<div id="content">
为什么这个最大宽度仅在我从桌面打开文件时有效,而在 Internet 上发布时无效?快把我逼疯了。
感谢帮助!
最佳答案
确保您有元标记 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
在你的头标签中。我也会在你的<div id="mainBody">
你会用在你 body 的顶部,就在 body 之后。一旦你设计了<div>
标记使用此代码作为应执行操作的示例。
.mainBody {
border: 1px solid lightgrey;
background-color: white;
width: 960px;
margin: auto;
height: 580px;
padding-bottom: 50px;
希望这对您有所帮助!
关于html - CSS 代码最大宽度在互联网上发布时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57927444/