本文共 1090 字,大约阅读时间需要 3 分钟。
下面我们就通过这篇教程,帮助大家从三个步骤来了解和学习“Responsive”设计
第二步:HTML Markup
在这个实例中,有一个最常见,最基础的HTML Markup。他主要包括了一个“头部”、“主内容”、“边栏”和“页脚”四个主要部分。而且其中“头部”固定了一个高度值“180px”;“主内容”宽度设置为“600px”;“边栏”的宽度为“300px”。这些只是一些最基本的样式值。你可以根据你的需求进行更详细的设置。这里不在做另外说明
3.1 下面这种规则是当浏览器可视大小等于或小于“980px”的布局。从代码中可以清楚的看到,在浏览器可视大小符何下面条件时,整个布局从固定布局转为流体布局,具体请看代码的变化