1、用户的文字大小与弹性布局一般情况下用户的浏览器默认渲染的文字大小是“16px”，弹性设计的关键在于页面中所有元素都使用“em”单位值，“em”是一个相对大校相对的计算都会有一个参考物，那么这里相对所指的是相对于元素父元素的font-size。例如:<divid="container">..
分类：
Web程序 时间：
2015-04-19 06:42:42
阅读次数：
142
Document @import url("tinyscreen.css") screen and (max-device-width:400px);
分类：
其他好文 时间：
2015-04-08 12:19:43
阅读次数：
95
关于响应式布局P迪|9天前|产品设计4,888摘要：在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 固定布局...
分类：
其他好文 时间：
2015-03-21 01:01:28
阅读次数：
179
今天做的练习是自适应屏幕大小，遇到了一些困难，困难在于我以前用CSS布局的时候都是使用PX作为单位来进行定位布局。但今天把网页拓展实验到了我家的电视（42寸）上，此时就出现了问题，问题之一就是：没有办法填充满屏幕，只能出现一个屏中屏，看起来非常的别扭。试验了纯CSS来做到自适应屏幕和用JS获取屏.....
分类：
其他好文 时间：
2015-03-11 00:31:10
阅读次数：
215
打造无懈可击的web设计——流动布局和弹性布局http://blog.csdn.net/qinghuawenkang/article/details/7557087转: 自适应css布局—-流动布局新时代(译文)http://justcoding.iteye.com/blog/1825188
分类：
其他好文 时间：
2015-03-10 23:06:57
阅读次数：
154
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览...
分类：
其他好文 时间：
2015-03-06 16:12:41
阅读次数：
120
什么是弹性布局？
用户的文字大小与弹性布局
用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然，如果用户愿意他可以改变这种字体大小的设置，用户可以通过UI控件来改变浏览器默认的字体大小。
弹性设计有一个关键地方Web页面中所有元素都使用“em”单位值。“em”是一个相对的大小，我们可以这样来设置1e...
分类：
Web程序 时间：
2015-02-04 11:02:54
阅读次数：
152
说到这个，移动开发面对的屏幕尺寸那叫一个丰富，其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局，前者设置一个绝大多数电脑能正常显示的固定宽度居中显示，后者则采用百分比。关于这两者讨论的文章很多，有兴趣的自己查阅下，我今天要介绍的就是相信你已经听过的”响应式布局”，响应...
分类：
移动开发 时间：
2015-01-23 00:46:01
阅读次数：
394
总结下现在移动端 web app 的自适应布局的方案有 5种，依次成熟。零. Flexbox 使用css3 flexbox 进行布局，对于富媒体和复杂排版的支持非常强大，未普及兼容性非常差，几乎没有在任何项目中得到应用。一. 弹性布局 使用 em 或 rem 单位进行相对布局，又相对 % ...
分类：
移动开发 时间：
2015-01-18 15:38:16
阅读次数：
432
flexbox是CSS3提出的页面布局模块。flexbox可以把列表横向或者纵向排列，并且填满可以延伸到的空间。稍微复杂的布局可以通过嵌套flex container来实现。利用flexbox可以方便的创建弹性布局，这使得在移动设备上，可以让元素在容器内扩展和收缩，更容易的实现常见布局，如三列布局。...
分类：
Web程序 时间：
2015-01-06 21:31:13
阅读次数：
237
