CSS网站发布后更改div大小

时间:2019-04-30 06:33:05

标签: html css web

我正在我的网站上工作,并将主体div设置为一定的宽度。但是,当我将所有文件上传到虚拟主机时,宽度的大小会缩小,并且无论我如何调整div的代码,即使我刚打开时看起来正确,宽度大小在发布的网站上也保持不变(大小错误)浏览器中的代码。

我尝试直接在Web主机中编辑代码,以查看我是否甚至可以调整宽度。我已经尝试过几次删除并重新上传所有内容。

这是我的 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文件时,它可以正确显示。当我使用虚拟主机上传代码时,宽度较小,即使我将其更改为较大的数字(如1500px),其尺寸仍然很小。

编辑:我正在使用000webhost.com发布它。据我所知,没有其他CSS,只有我为页面上传的CSS。

2 个答案:

答案 0 :(得分:0)

也许您想要属性“宽度”而不是“最大宽度”? 当您要调整特定宽度的页面大小时,使用max-width有用。

仍然检查参考CSS:https://www.w3schools.com/cssref/pr_dim_width.asp

答案 1 :(得分:0)

我仍然不知道为什么它一开始就无法正常工作,但是我最终决定将其从CSS样式表中删除,并以老式的方式与其他html一起使用:< / p>

现在可以了。