1.viewport定义的解析1. （1）强制让文档与设备的宽度保持1：1；（2）文档最大的宽度比列是1.0（initial-scale初始刻度值和maximum-scale最大刻度值）；（3）user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小。2.flexbox页面布...
分类：
移动开发 时间：
2014-11-12 10:28:23
阅读次数：
194
Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。Flexbox可以简单快速的创建一个具有...
分类：
Web程序 时间：
2014-11-10 15:21:02
阅读次数：
254
未知宽高div水平垂直居中3种方法：1、transform与绝对定位方式。2、Flexbox方式。3、伪类方式...
分类：
其他好文 时间：
2014-10-25 14:32:36
阅读次数：
199
一个元素被定义display:-webkit-flex;则此元素即为伸缩盒模型中的伸缩容器，其包含的子元素是伸缩项目。 flex是一个复合属性。Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义。 由多个伸缩项目组成其具体的布局方式。 是为了呈现复杂的应用与页面而设计出来的。display:-w...
分类：
Web程序 时间：
2014-09-26 19:32:18
阅读次数：
388
某公司面试题：下图绿色区域的宽度为100%，其中有三个矩形，第一个矩形的宽度是200px，第二个和第三个矩形的宽度相等。使用CSS3中的功能实现它们的布局。这里要用到的CSS3特性box-flexbox-flex：属性规定框的子元素是否可伸缩其尺寸。可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要...
分类：
Web程序 时间：
2014-09-19 10:00:55
阅读次数：
215
微软在上周刚刚发布了用于Windows 8.1上的首个Internet Explorer 11的预览版。我们已经确认Internet Explorer 11中的一些新特性，包括对WebGL的支持、预抓取、预渲染、flexbox、mutation observers以及其他一些Web标准的支持。但是更...
分类：
其他好文 时间：
2014-08-26 00:08:25
阅读次数：
230
http://www.w3.org/TR/2014/WD-css-flexbox-1-20140325/1IntroductionCCS2.1中规定了四种布局模式：block layout, designed for laying out documentsinline layout, design...
分类：
其他好文 时间：
2014-06-18 15:33:32
阅读次数：
308
Designing CSS Layouts With Flexbox Is As Easy
As Pie
分类：
Web程序 时间：
2014-06-03 14:42:05
阅读次数：
529
Flexbox 布局模块目前是 W3C
候选标准，旨在提供一个更有效的方式进行布局，对齐和为容器里的项目分配空间，即使它们的大小是未知的或者动态的。这里分享一个基于 Knockout.js
构建的互动教程，让你5分钟就掌握 Flexbox 布局模式。
分类：
其他好文 时间：
2014-04-29 10:34:46
阅读次数：
324
