css3更换样式表,响应式布局

内容纲要

现在响应式布局已经是越来越流行了,特别是适用于手机网站,至于什么是响应式布局百度一下你就知道了,下面以一个简单的例子来说明一下他的简单用法:

当然你也可以用link的方式来引入不同的样式表来实现,如:

<link href=”css1.css” rel=”stylesheet” type=”text/css”  media=”(max-width:500px)”>

<link href=”css1.css” rel=”stylesheet” type=”text/css”  media=”(max-width:500px) and (min-width:300px)”>

以上这种写法只支持IE9以后 google ff浏览器,有没有兼容的写法呢?当然有,后面我会贴出兼容浏览器的写法.

发表评论

邮箱地址不会被公开。 必填项已用*标注

1 + 7 =