在不同手机上,一行三个div大小根据手机大小自适应

在不同手机上,一行三个div大小根据手机大小自适应

https://www.runoob.com/w3cnote/flex-grammar.html

https://blog.csdn.net/hqin_520/article/details/115674427?spm=1001.2014.3001.5501

应该做设备适配,响应式

使用百分比或者rem布局

rem布局:http://caibaojian.com/rem-responsive-2.html

用百分比布局或者用rem,em做单位

你是要做什么呢?响应式网站?

这个很简单,不管是框架还是自己写,其实控制宽度都是基于百分比,比如,三个div,第一个分配20%,第二个分配,60%,第三个分配20%。这样就是响应式了,单位可以用rem,vm,vh,em.框架可以采用bootstrap,element等,基本底层做了响应式处理,不过这些框架新手做前端精细化处理比较难处理一些细节,做做系统后台啥的比较方便,前端自己写比较好点,对于新手容易控制。

flex布局