我正在我的网站上工作,并将主体div设置为一定的宽度。但是,当我将所有文件上传到Web主机时,宽度的大小会缩小,无论我如何调整div的代码,宽度大小在我发布的网站上保持不变(错误的大小),尽管我刚打开时看起来正确浏览器中的代码。
我已经尝试直接在网络主机中编辑代码,看看我是否甚至可以调整宽度。我已经尝试过几次删除和重新上传所有内容。
这是我在CSS样式表上的内容:
.body1{
max-width: 1200px;
height: 1000px;
background-color: #fffdf8;
margin: auto;
padding: 10px;
text-align: center;
border: 2px solid #f892c9;
}
<div class="body1" style="height: auto">
1200px的宽度是我想要它的大小,当我在浏览器中打开html文件时它正确显示。当我使用webhost上传代码时,宽度较小,即使我将其更改为更大的数字(如1500px),它也会保持较小的尺寸。
编辑:我用000webhost.com发布它。据我所知,没有其他CSS,只有我为我的页面上传的内容。
也许你想要属性“宽度”而不是“max-width”? max-width当您想要调整具有特定宽度的页面时,它非常有用。
无论如何检查参考CSS:https://www.w3schools.com/cssref/pr_dim_width.asp
我仍然不知道为什么它首先不会起作用,但我最终决定将它从CSS样式表中删除,然后用老式的方式将其与我的其余html放在一起:
现在它有效。