↗☻【响应式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>

 

你可能感兴趣的:(html5)