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