一、Flex布局是什么？ Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、c ...
分类：
其他好文 时间：
2017-07-16 22:40:06
阅读次数：
225
Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 flex-direction 决定主轴的方向 row（默认值）主轴为水平方向，起点在最左端。 ...
分类：
其他好文 时间：
2017-07-11 10:19:45
阅读次数：
149
一、静态布局（static layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚 ...
分类：
其他好文 时间：
2017-07-10 20:14:27
阅读次数：
815
布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 ...
分类：
其他好文 时间：
2017-06-27 08:12:45
阅读次数：
177
一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动 ...
分类：
其他好文 时间：
2017-06-22 20:53:45
阅读次数：
211
响应式布局实现的几种方法 — 弹性布局 响应式布局的实现是前端工程中一个非常大的跨越，它非常灵活的可塑造性使得同一个网站能在不同的终端设备上展现出不同的活力。就今天这个机会，我想与大家分享并探讨一些常用来实现响应式布局方法中的弹性布局。 弹性布局是一种十分方便的，只需要依赖于CSS样式的实现响应式布 ...
分类：
其他好文 时间：
2017-06-22 16:52:17
阅读次数：
144
当我们在浏览浏览器的时候，经常会放大/缩小浏览器的显示比例，或者在不同的设备上。所处的分辨率也不尽同样。因此。我们须要学习一个新的知识：弹性盒模型。 弹性盒模型 实现项目对齐，方向，排序（即使项目大小位置动态生成），可以动态改动子元素的宽度和高度。具有良好的适配性。 如图就是弹性布局一个大概范围。 ...
分类：
Web程序 时间：
2017-06-22 13:27:37
阅读次数：
251
最近越来越依赖display:flex 了。本来只是在移动端用来作弹性布局，现在在PC端，我基本用它来取代 float:left。比如昨天做的一个专题，基本都用 flex 来布局。 但是这其中的原理呢，flex布局的相对于float的优势又在哪呢。只是对这些有一个模糊的概念。 比如float:lef ...
分类：
其他好文 时间：
2017-06-21 13:54:09
阅读次数：
261
弹性布局 Flexible Box, 处理某元素内子元素的排列方式 页面中任何一个元素都可以指定为 弹性布局 优点，布局快 缺点，兼容性差 图片来自=》http://www.cnblogs.com/yangjie-space/p/4856109.html（如有侵权，立即删除）。 属性：display ...
分类：
其他好文 时间：
2017-06-18 21:49:07
阅读次数：
238
用户的文字大小与弹性布局 用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然，如果用户愿意他可以改变这种字体大小的设置，用户可以通过UI控件来改变浏览器默认的字体大小。 弹性设计有一个关键地方Web页面中所有元素都使用 ...
分类：
Web程序 时间：
2017-06-13 17:16:36
阅读次数：
186
