GitHub 博客园 Nanakon

↗☻【响应式Web设计 HTML5和CSS3实战 #BOOK#】第1章 HTML5、CSS3及响应式设计入门

响应式网页设计:弹性网格布局、弹性图片、媒体和媒体查询

如果要用一句话概括响应式网页设计,我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制。相反,如果需要根据不同设备提供特定的内容和功能,那就需要一个真正的“手机版”网站

使用相对度量单位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>

 

posted on 2013-06-02 19:34  jzm17173  阅读(171)  评论(0编辑  收藏  举报

导航

轻音