https://blog.csdn.net/cddcj/article/details/52131089 一、flexbox布局(弹性布局) 1.指定flex布局 { display:flex; display: -webkit-flex; /* Safari */}行内元素 { display:i ...
分类:
其他好文 时间:
2018-06-26 17:21:25
阅读次数:
156
flex弹性布局, 语法display:-webkit-flex; [指定伸缩容器]-webkit-flex: none | [flex-grow flex-shrink || flex-basis] | initial | auto取值: none:在任何情况下都不会发生伸缩 flex-grow: ...
分类:
其他好文 时间:
2018-06-25 01:16:38
阅读次数:
199
一、Flex布局是什么? Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器,必须加上-webkit前缀。 注意,设为Flex布局以后,子元素的float、c ...
分类:
其他好文 时间:
2018-06-16 15:10:56
阅读次数:
149
弹性布局 在讲弹性布局先科普一下 响应式:对不同分辨率设备进行css适配@media (设备变化) 自适应:不用@media采用比例布局,适应不同浏览器(窗口变化) 兼容性问题 添加 前缀 如果使用gulp,webpack就不用担心这些问题了 名词 容器:需要添加弹性布局的父元素 项目:弹性布局中的 ...
分类:
其他好文 时间:
2018-06-11 00:36:47
阅读次数:
210
一、什么是Flex布局? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 其中在webkit内核的浏览器中使用时,必须加上-webkit-前缀,以下不再重复说明。 注意,设为Flex布局以后,子元素的float、c ...
分类:
其他好文 时间:
2018-06-03 19:36:49
阅读次数:
173
介绍: flex布局,即是Flexible Box的缩写,即是“弹性布局”或者“弹性盒模型”。 flex的指定:任何一个容器都可以指定为Flex布局 anyContainer{ display:flex; } 行内元素也可以指定为flex布局:将display取值改为inline-flex,行内的弹 ...
分类:
其他好文 时间:
2018-06-01 19:14:21
阅读次数:
204
Flex布局是什么 Flex是Flexible Box的缩写,以为弹性布局,用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为Flex布局 基本概念 采用Flex布局的元素,成为Flex容器。它的所有子元素自动成为容器成员,成为Flex项目 容器默认存在两根轴: 水平的主轴和垂直的交叉轴。主轴 ...
分类:
其他好文 时间:
2018-06-01 13:25:37
阅读次数:
135
参考链接:https://www.cnblogs.com/yangjie-space/p/4856109.html 定义子元素排列 定义子元素换行情况 flex-flow兼容 横向排列布局 新版本justify-content的兼容情况 竖向排列布局 新版本align-items兼容情况 伸缩盒子布 ...
分类:
其他好文 时间:
2018-05-30 12:05:43
阅读次数:
176
Flex 弹性布局(****************************************************) 多行自适应,多列自适应,间隔也能自适应,任意对齐 创建弹性容器 flex container display: block | inline | inline-block ...
分类:
其他好文 时间:
2018-05-23 18:08:35
阅读次数:
191
移动端适配 web页面跑在手机端(h5页面) 跨平台 基于webview() 基于webkit 常见适配方法 pc端采用display:inline block,让div盒子横着排 移动web:采用定高,宽度百分比, flex弹性布局 ,meDIA QUERY 媒体查询 ; 媒体查询 结合css,通 ...
分类:
移动开发 时间:
2018-05-15 19:46:44
阅读次数:
285