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

标签 html css width

关于我的 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/

相关文章:

jquery - CSS 图像叠加未到达侧面

c# - 基于razor变量在 View 中添加元素属性

javascript - 鼠标悬停时的元素按键

c - 特殊字符的 printf 宽度修饰符

wpf - 如何设置 UIElement 的 DesiredSize.Width?

javascript - jQuery/PHP 表单提交意外行为

html - 如何让主体背景颜色停止应用于 div?

javascript - :not(:hover) not working with opacity

html - 在边框内看不到按钮

html - 宽度 100% 到全尺寸问题