摘要: flex 布局 1、传统布局于flex布局 | 传统布局 | flex布局 | | | | | 兼容性好 | 操作方便,布局极为简单,移动端应用广泛 | | 布局繁琐 | PC端浏览器支持情况较差 | | 局限性,不能在移动端很好地布局 | IE 11或更低版本,不支持或仅部分支持 | 建议: 1. 阅读全文
posted @ 2022-11-06 17:06 chichi0002 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 浏览器私有前缀 1、私有前缀 -moz-:代表Firefox浏览器私有属性 -ms-:代表ie浏览器私有属性 -webkit-:代表Safari、Chrome浏览器私有属性 -o-:代表Opera浏览器私有属性 2、提倡写法 -moz-border-radius: 10px; -webkit-bor 阅读全文
posted @ 2022-11-06 11:51 chichi0002 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 移动端流式布局(百分比布局)、图片格式 1、流式布局(百分比布局) 流式布局,就是百分比布局,也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式。 max-width 最大宽度( ma 阅读全文
posted @ 2022-11-06 11:51 chichi0002 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 背景缩放 background-size background-size属性规定背景图像的尺寸 background-size:背景图片宽度 背景图片宽度; 单位:长度I百分比l coverlcontain; cover把背景图像扩展至足够大,以使背景图像完全覆盖背景区域 contain把图像图像扩 阅读全文
posted @ 2022-11-06 11:50 chichi0002 阅读(99) 评论(0) 推荐(0) 编辑