Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS阻止页面上的所有元素收缩_Html_Css - Fatal编程技术网

Html CSS阻止页面上的所有元素收缩

Html CSS阻止页面上的所有元素收缩,html,css,Html,Css,有没有办法阻止所有元素——Div、表、图像等收缩。这样,当浏览器变得更小时,用户将不得不四处滚动才能看到页面 例如: 在我的包装器类中,我尝试了各种方法,例如: width: 100%; min-width:100px; width: auto 相对位置 我第一次调整浏览器的大小,但在第二次调整后,它会在包装处收缩,以像素为单位设置固定宽度,如 .container { width: 1200px; margin:auto; } 此外,页边距:自动将使容器水平居中 收缩的原因可能

有没有办法阻止所有元素——Div、表、图像等收缩。这样,当浏览器变得更小时,用户将不得不四处滚动才能看到页面

例如:

在我的包装器类中,我尝试了各种方法,例如:

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。