在一个网站上发现了flex-wrap: wrap的好用之处

席弘图
2023-12-01

详解参考:https://jingyan.baidu.com/article/37bce2be5fb6931002f3a2c0.html

flex布局用来写移动端真的超好用,用flex写web端,只要加上flex-wrap: wrap;(超出的部分分行处理)不用考虑不同浏览器或者手机的分辨率的问题,就可以完美的实现自适应。不过如果是对不同分辨率下的布局有具体的要求的话,还是需要用响应式布局(考虑不同的分辨率的情况下,然后用float+百分比)来实现。

这是一个用vue写的网站,其中就有应用了flex加flex-wrap: wrap来做web端和移动端自适应效果的例子:https://www.yunjisoft.com/yunjisoft/#/index/indexs

其中的轮播图是用element-ui 插件写的。

官方地址:https://element.eleme.cn/#/zh-CN/component/carousel

 类似资料: