css中的@media only screen and ( ){}代码用来判断屏幕:当满足()中的条件时执行{}中的代码。 比如下面的代码:当屏幕宽度小于800px时内容区背景色为红色。 css中

来源:互联网 发布:泰国地图导航软件 编辑:程序博客网 时间:2024/05/17 02:13

css中的@media only screen and ( ){}代码用来判断屏幕:当满足()中的条件时执行{}中的代码。

比如下面的代码:当屏幕宽度小于800px时内容区背景色为红色。

css中的@media only screen and ( ){ }代码判断屏幕另外一种用法就是:判断屏幕引用满足条件的外部css文件。

如下图

css中的@media only screen and ( ){ }代码判断屏幕

这段代码通过media属性判断屏幕宽度小于1200px时引用a.css ,幕宽度大于等于1201px时引用b.css 。

media="sereen and (max-width:1200px)" 
阅读全文
0 0