关于网页自适应的解决办法

关于网页自适应的解决办法：

px表示绝对尺寸，尽量少用px；多用百分比代替：

• 如盒子宽度，内嵌套的盒子宽度等等，可以用百分比代替px，会使页面在缩放或者更换电脑屏幕的时候更具有适应性。
• margin也可以适当用百分比

多使用弹性布局：

• 弹性布局的优点：如图所示，若想实现图示的布局，我们可以用margin来控制各个元素之间的距离，为了使各个元素在同一行，我们又可能得设置display属性，过于麻烦。在弹性布局中，通过justify-content/align-items等属性，设置盒子内部元素各个元素的排列方式，轻松实现对盒子内部元素水平垂直居中的实现，同时还能可以减少对margin、display等属性的使用。
• 可以选择外部盒子用百分比设置宽度，内部的元素用弹性布局。
• 关于弹性布局，其他具体属性可以看这个解释：https://www.runoob.com/w3cnote/flex-grammar.html

可以通过给外部盒子设置min-width来实现网页自适应；

• 原理：在同一电脑上，页面的放大实际上是对页面可见范围进行缩小<