通常我们设置perspective都是给父元素设置，给当前元素设置会导致没有3D视角的中心点，给父元素的上级元素设置会导致中心点可能错误，因为父元素的上级元素高度可能和父元素不一样。如果发现旋转时元素无法出现近距离变大，远距离变小，可以看看perspective是不是给力父元素 animation的 ...
分类：
Web程序 时间：
2016-08-31 02:07:04
阅读次数：
191
原书: 响应式Web设计实践 第2章 流动布局 1. 布局选项 传统的固定布局中存在很多问题, 随着屏幕大小的越来越多元化, 固定布局已经不能适用了. 在流动布局中, 度量的单位不再是像素, 而是变成了百分比. 弹性布局与流动布局类似, 但是通常情况下, 弹性布局中会以em来作为单位. 带来一个好处 ...
分类：
Web程序 时间：
2016-08-31 00:22:44
阅读次数：
171
一、简要介绍 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持： 其中在webkit内核的浏览器中使用时，必须加上-webkit-前缀，以下不再重复说明。 下图为 ...
分类：
其他好文 时间：
2016-08-30 21:09:55
阅读次数：
249
1. lib-flexible不能与响应式布局兼容 先说说响应式布局的一些基本认识： 响应式布局的表现是：网页通过css媒介查询判断可视区域的宽度，在不同的范围应用不同的样式，以便在不同尺寸的设备上呈现最佳的界面效果。典型的例子是，有一个商品列表页，应用响应式布局后，可能在pc上是用4列展示，在平板 ...
分类：
其他好文 时间：
2016-08-26 10:20:00
阅读次数：
240
Flex（弹性布局）： 任何一个容器都可以指定为flex布局，行内元素也可以使用flex布局 webkit内核的浏览器，必须加上-webkit-前缀 采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex i ...
分类：
其他好文 时间：
2016-08-23 16:48:17
阅读次数：
191
关于rem，主要参考文档 1。腾讯ISUX (http://isux.tencent.com/web-app-rem.html) 2。http://www.w3cplus.com/css3/define-font-size-with-css3-rem 现在移动端 web app 的自适应布局的方案有 ...
分类：
移动开发 时间：
2016-08-23 14:41:53
阅读次数：
136
原文链接：http://caibaojian.com/flexbox-guide.html flexbox-CSS3弹性盒模型flexbox完整版教程 A-A+ 前端博客?2014-05-08?前端开发 | 精选推荐?CSS3 | flexbox | 弹性布局?16928View19 flexbox ...
分类：
Web程序 时间：
2016-08-20 11:22:40
阅读次数：
218
作者: yuchan 来源: Heyuchan 在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 固定布局：以 ...
分类：
其他好文 时间：
2016-08-13 16:51:04
阅读次数：
146
一、Swift - 自动布局库SnapKit的使用详解1（配置、使用方法、样例） 为了适应各种屏幕尺寸，iOS 6后引入了自动布局（Auto Layout）的概念，通过使用各种 Constraint（约束）来实现页面自适应弹性布局。（想了解更多可查看我原来写的这篇文章：Swift - 使用Auto ...
分类：
编程语言 时间：
2016-08-10 14:21:59
阅读次数：
1334
关于css3的flex布局，阮一峰老师的文章写的清晰易懂又全面，这里附上链接http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 浏览器支持 布局的传统解决方案，基于盒状模型，依赖 display属性 ...
分类：
Web程序 时间：
2016-08-07 23:07:15
阅读次数：
1158
