解决浏览器缩放时导致的页面布局的变化

现象：

正常展示：

缩放展示：

原因：

在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。

缩放实际是改变了盒模型的宽度和高度。

解决：

1、如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性

2、给网页设置固定宽，即最外层父元素