移动端布局
☀️오동동
这个作者很懒,什么都没留下…
展开
-
响应式布局方式
mingt ian原创 2019-11-17 21:50:49 · 184 阅读 · 0 评论 -
rem适配布局
根据设备等比例的缩放元素1.em:父元素的字体大小2.rem:根元素的字体大小,根元素指html。比如,根元素( html )设置font-size= 12px;非根元素设置width:2rem;则换成px表示就是24px.3.媒体查询:css3的新语法。@media 可以针对不同的屏幕尺寸设置不同的样式。@media scree and (width:750px)mediaty...原创 2019-11-16 19:33:36 · 186 阅读 · 0 评论 -
flex布局
Flex布局原理flex是flexible Box的缩写,意为"弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。当我们为父盒子设为 flex布局以后,子元素的float. clear 和vertical- align属性将失效。伸缩布局 =弹性布局=伸缩盒布局=弹性盒布局=flex布局采用Flex布局的元素,称为Flex容器( flex container...原创 2019-11-15 16:09:22 · 157 阅读 · 0 评论 -
移动端流式布局问题总结
1.margin塌陷原理:父子嵌套元素在垂直方向的margin,父子元素是结合在一起的,他们两个的margin会取其中最大的值.正常情况下,父级元素应该相对浏览器进行定位,子级相对父级定位. 但由于margin的塌陷,父级相对浏览器定位.而子级没有相对父级定位,子级相对父级,就像坍塌了一样.解决方法:1.给父级设置边框或内边距(不建议使用)2.触发bfc(块级格式上下文),改变父级的渲染规则...原创 2019-11-14 17:51:50 · 350 阅读 · 0 评论