指引网

当前位置: 主页 > 网页制作 > WEB开发 >

CSS3自适应布局与Media Queries _ CSS _ 建站百科 _ 学做网站论坛

来源:网络 作者:佚名 点击: 时间:2017-08-01 21:39
[摘要] Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情……

Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。

2012052318574315

那么,Media Queries是如何工作的?

两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:


<link rel="stylesheet" type="text/css" href="styleA.css" media="screen and (min-width: 400px)">
------分隔线----------------------------