真实项目自适应布局:

什么element、bootstrap都不适合，前者栅格用于写小代码，后期属于被弃用的方案

假如沟通好：

UI给的两倍图，某组件高为40像素。最小屏幕宽度是a时，html元素设font-size为aapx；最小屏幕宽度是b时，根元素设font-size为bbpx；最小屏幕宽度是c时，根元素设font-size为ccpx（其中aab=bba 等比关系设计的，根据不同情况1rem=aa/bb/cc）

程序员操作：

因为高组件要求自适应宽度，所以要先把40/2=20px，按照1rem=aa/bb/cc换算，得出xrem。然后该组件css样式就是height：xrem

新方案：

由于设置最小屏幕宽度是a时、最小屏幕宽度是b时、最小屏幕宽度是c时，不够现代要想表现自然，区间要足够小，工作量就很麻烦了。这时候用可以js代码来实现，即根据等比关系、获取设备宽度就行动态的设置html元素font-size值。这个代码就有现成的——hotcss、flexble

所以等啥，这两者百度起来