Html CSS阻止页面上的所有元素收缩
有没有办法阻止所有元素——Div、表、图像等收缩。这样,当浏览器变得更小时,用户将不得不四处滚动才能看到页面 例如: 在我的包装器类中,我尝试了各种方法,例如:Html CSS阻止页面上的所有元素收缩,html,css,Html,Css,有没有办法阻止所有元素——Div、表、图像等收缩。这样,当浏览器变得更小时,用户将不得不四处滚动才能看到页面 例如: 在我的包装器类中,我尝试了各种方法,例如: width: 100%; min-width:100px; width: auto 相对位置 我第一次调整浏览器的大小,但在第二次调整后,它会在包装处收缩,以像素为单位设置固定宽度,如 .container { width: 1200px; margin:auto; } 此外,页边距:自动将使容器水平居中 收缩的原因可能
width: 100%;
min-width:100px;
width: auto
相对位置
我第一次调整浏览器的大小,但在第二次调整后,它会在包装处收缩,以像素为单位设置固定宽度,如
.container {
width: 1200px;
margin:auto;
}
此外,页边距:自动代码>将使容器水平居中
收缩的原因可能是宽度:100%代码>或宽度:自动代码>。当浏览器宽度达到容器的宽度时,容器的宽度将根据浏览器进行调整,使页面变小(以适应屏幕)
如果你想获得比GoDaddy更好的东西,你绝对应该阅读有关响应性网页设计和媒体查询的书籍。也许您可以用这种方式调整布局,使其更好地显示在更小的屏幕上(没有任何水平滚动条)。在包装器/容器类上执行此操作
.wrapper{
width:1200px;
margin: 0 auto;
}
请记住,所有测量均以“px”为单位。在“.px”中输入宽度、高度等,您就可以开始跑步了 给包装纸一个固定的宽度,例如
width: 1000px;
min width:100px可能不适用于您,因为它将允许内部元素收缩,直到浏览器窗口为100px或更小。宽度100%与让用户滚动有点相反,因为无论窗口多么小,您的容器都将被强制为该宽度的100%。嗨,谢谢,我在“px”中添加了宽度,边距为:auto,并且它停止了收缩。我想知道这会对其他方面产生什么影响,比如当用户在更大或更小的屏幕上浏览网站时,因为你有margin:auto;屏幕较大的用户将看到您的页面居中。您可以通过调整浏览器大小(CTRL+“-”)来尝试。它应该给你一个概览。在较小的屏幕上-如您所愿,页面将可水平滚动。但只要你的页面还没有移动就绪,你就不必担心这一点。有关分辨率的统计信息,请参见W3。