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

Question

当我减小浏览器窗口大小时，顶部和底部页脚开始缩小，将页脚内部的内容（顶部和底部的导航栏）推离页脚，它开始与主文本重叠身体。 有谁知道为什么会出现这个问题？抱歉如果这个问题不清楚或已经得到解答，我还在学习。非常感谢你的帮助。

Answer 1

当窗口缩小时，网页上的大多数内容都会调整大小。您可以做的是设置min-width CSS属性以定义最小宽度，此时浏览器将添加滚动条而不是调整页面上的元素大小。所以像：

.someClass {
  min-width: 800px:
}

Answer 2

我认为您可以使用％自定义所有CSS规则。因此，如果父元素的宽度减少了400px，则可以将％宽度，高度，边距等设置为％值，如下所示：

.parent{
  width:100%;
}
.child{
  width:60%;
}

假设父100％代表1024 px，那么Child将占用614 px 当页面重新调整大小并占用600像素时，孩子将自动360 px