![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端布局
汇而不置
由于csdn图片url会转码,自己写的markdown图片无法识别,现在在博客园写博客 本人博客地址: https://www.cnblogs.com/sprite0521/ 欢迎关注,讨论,最近学习dart ,flutter 混合app,大家互相讨论学习
展开
-
flex布局(弹性盒子)总结
flex布局优势 操作方便,布局极为简单,移动端应用很广泛 pc端浏览器支持情况较差 IE 11或更低版本,不支持或仅部分支持。 flex布局原理 flex 是 flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。 当我们为父盒子设为flex布局以后,子元素的float、 clear 和vertical-align属性将失效。 伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局 采用flex布局元素,称为flex容器(f原创 2020-05-13 22:17:06 · 783 阅读 · 0 评论 -
rem适配常见方案
适配方案目的 让一些不能等比自适应的元素,达到当设备尺寸发生改变的时候,等比例适配当前设备。 使用媒体查询根据不同设备按比例设置html的字体大小,然后页面元素使用rem左尺寸单位,当html字体大小变化元素尺寸也会发生变化,从而达到等 比例缩放的适配。 rem实际开发适配方案 按照设计稿与设备宽度的比例,动态计算并设置html根标签的font-size大小 ;(媒体查询) CSS中, 设计稿元素的宽、高相对位置等取值,按照同等比例换算为rem为单位的值。 rem适配方案技术试用(市场主流) 方案原创 2020-05-13 19:53:46 · 890 阅读 · 0 评论