CSS媒体查询,CSS根据不同的分辨率显示不同的样式 – 鱼塘总裁 – 博客园 -Mikel

CSS媒体查询,CSS根据不同的分辨率显示不同的样式 – 鱼塘总裁 – 博客园

2020年2月3日 分类: JavaScript

来源: CSS媒体查询,CSS根据不同的分辨率显示不同的样式 – 鱼塘总裁 – 博客园

在写响应式网页的时候,我们需要网页有几种显示方式,我们可以用CSS实现这个功能

使用CSS提供的媒体查询,我们可以根据屏幕分辨率来使用相应的CSS样式

1
2
3
4
5
6
7
8
9
@media screen and (max-width1000px) {
/*此条件表示最大宽度为1000,也就是如果宽度小于1000则执行以下CSS代码*/
#idming{
    color:#f00;
}
.leiming{
    color:#f66;
}
}

 


标签:
本文的评论功能被关闭了.
备案信息冀ICP 0007948