来源: CSS媒体查询,CSS根据不同的分辨率显示不同的样式 – 鱼塘总裁 – 博客园
在写响应式网页的时候,我们需要网页有几种显示方式,我们可以用CSS实现这个功能
使用CSS提供的媒体查询,我们可以根据屏幕分辨率来使用相应的CSS样式
1
2
3
4
5
6
7
8
9
|
@media screen and ( max-width : 1000px ) { /*此条件表示最大宽度为1000,也就是如果宽度小于1000则执行以下CSS代码*/ #idming{ color : #f00 ; } .leiming{ color : #f66 ; } } |