响应式网页设计:弹性网格布局、弹性图片、媒体和媒体查询
如果要用一句话概括响应式网页设计,我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制。相反,如果需要根据不同设备提供特定的内容和功能,那就需要一个真正的“手机版”网站
使用相对度量单位em或百分比
chrome插件
Windows Resizer
先针对小视口进行设计,然后逐步针对大视口进行渐进增强支持
在预算允许的情况下,一个完全定制的“移动”版网站比响应式设计更合适
渐进增强用户体验
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <header> <nav> <ul id=nav-list> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </nav> </header> <!-- 滑动门技术 --> <!-- 省略引号 省略type="text/javascript" --> <script src=http://static01.baomihua.com/js/lib/jquery-1.4.4.min.js?t=20120926.js></script> </body> </html>