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

Question

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

Answer 1

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

.someClass {
  min-width: 800px:
}

Answer 2

我认为你可以使用%来自定义所有的CSS规则，所以如果父元素的宽度减少了400px，你可以设置子元素的宽度，高度，边距等%值，像这样:

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

让我们假设父元素100%代表1024像素，那么子元素将占用614像素当页面大小调整为600px时，child会自动变为360px