Question

手机端宽度自适应问题

有三个div<div class="box"> <div class="a"></div> <div class="b"></div> <div class="c"></div></div>当屏幕变大怎么让中间的那一块填满黄色区域





Answer 1

在手机页面无处不见左右两个div布局，一个固定宽度，另外一个宽度自适应（填充剩余宽度）。
目前兼容性最好的就是一开始计算好html的基础字体大小，全局设置字体都以 rem 为单位来计算，这样我们写代码的话，不管是设置内边距还是外边距、宽度、高度等css样式时，都是可计算的。
虽然这样的方法很好没错，但是每次都要去仔细的计算我们要设置的值，所以还是会带来一些麻烦。
那下面来我来介绍一种新的方法：flex 实现流式布局。
首先我们看下demo截图，如下图：

追问

怎么就回答了一半？

Answer 2

目前兼容性最好的就是一开始计算好html的基础字体大小，全局设置字体都以 rem 为单位来计算，这样我们写代码的话，不管是设置内边距还是外边距、宽度、高度等css样式时，都是可计算的。

追问

这回答我都不知道怎么吐槽了

Answer 3

啃流量监控