随着移动端用户的增加,我们希望设计出来的网页能同时使用PC和移动端设备,同一个网页增对不同的设备显示效果也不一样,这时需要用到响应式设计。这里我先介绍一下流式网格系统。如果了解过 Bootstrap和Foundation框架的读者就能发现这两个框架都提供了独特的网格系统。但是我们一般不会只为了使用网格系统而引入某一个框架,因此这里介绍一下如何根据自己需求设计一个流式网格系统。
为了网页能根据设备自由缩放,在 \<\head> 元素中添加以下 \<\meta> 标签:复制代码代码如下:<meta name=”viewport” content=”width=device-width, init