html - CSS 代码最大宽度在互联网上发布时不起作用

Question

关于我的 CSS 代码，我一直在处理一个问题。它链接在 HTML 文件中，当我在 Internet 上发布它时，除了最大宽度之外的所有内容都有效。当我从我的桌面文件打开文件时，最大宽度是正确的，但是当我在 Internet 上访问 www 文件时，最大宽度不固定并且 div #content 更大并在页面扩展时扩展，我不要。我希望它保持 600 像素宽。

div 是: #content
{ background-color: black;
max-width: 600px;
padding: 20px; }

它在 HTML 中被引用: <div id="content">

为什么这个最大宽度仅在我从桌面打开文件时有效，而在 Internet 上发布时无效？快把我逼疯了。

感谢帮助!

Answer 1

确保您有元标记 <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;

希望这对您有所帮助!