Html 减少浏览器大小时更改网站布局

Html 减少浏览器大小时更改网站布局,html,css,Html,Css,当我减小浏览器窗口大小时,顶部和底部的页脚开始收缩,将页脚内部的内容(顶部和底部的导航栏)从页脚中推出,并开始与主文本体重叠。 有人知道为什么会出现这个问题吗?道歉如果这个问题不清楚或者已经回答了,我还在学习。非常感谢您的帮助。当窗口变小时,网页上的大多数内容都会像这样调整大小。您可以设置minwidthCSS属性,以定义浏览器将添加滚动条的最小宽度,而不是调整页面上元素的大小。比如: .someClass { min-width: 800px: } 我认为您可以使用%自定义所有CSS规则

当我减小浏览器窗口大小时,顶部和底部的页脚开始收缩,将页脚内部的内容(顶部和底部的导航栏)从页脚中推出,并开始与主文本体重叠。
有人知道为什么会出现这个问题吗?道歉如果这个问题不清楚或者已经回答了,我还在学习。非常感谢您的帮助。

当窗口变小时,网页上的大多数内容都会像这样调整大小。您可以设置
minwidth
CSS属性,以定义浏览器将添加滚动条的最小宽度,而不是调整页面上元素的大小。比如:

.someClass {
  min-width: 800px:
}

我认为您可以使用%自定义所有CSS规则,因此,如果父元素的宽度在ex中减少了400px,您可以将childs width、height、margine等设置为%值,如下所示:

.parent{
  width:100%;
}
.child{
  width:60%;
}
让我们假设父对象100%表示1024 px,因此子对象将接受614 px
当页面重新调整大小并达到600像素时,子页面将自动达到360像素

您需要显示一些代码,还可以选择提供指向您站点的链接。请向我们显示您的标记和CSS