快速响应的Web设计案例大全

Greenbelt Festival

快速响应的Web设计,英文叫做Responsive Web Design。用户访问web的设备种类繁多,可以是手机、平板或者笔记本,屏幕尺寸不一,快速响应的Web设计就是为了让用户无论用何种尺寸屏幕访问网站,都能获得最佳体验。网页会根据屏幕尺寸自行调整,适应不同屏幕。

今天向大家介绍的是一个网站——MediaQueri.es

该站展示的网页全部符合Responsive Web Design的标准,如果你想找点灵感,这里绝对不容许错过。

下面是一些案例展示

CanIUse.com -轻松 获取HTML5、CSS3各浏览器兼容性

caniuse.com

今天看Lynda.com视频,讲到一个很实用的网站叫做CanIUse.com,标语是“When can I use…Support tables for HTML5, CSS3, etc”。在这里你能找到所有web新特性在各个品牌浏览器以及各品牌浏览器不同版本的兼容性,当你知道你针对的用户都在使用什么浏览器时,这写table将对你建设网站有很大帮助。

又被DOCTYPE耍了

doctype

布局一个表单,想实现垂直居中的效果,用的方法很普通,就是设置高度=line height的把戏,在网上找了实例,例子管用,我copy了例子的html和css,却死活不管用。苦思冥想,得瑟了半天,才返现又掉进了DOCTYPE的陷阱。