响应式网站是用相同的代码不同的css吗

2020-07-01 科技 54阅读

这位网友你好,响应式网站是指网站样式根据屏幕大小自适应,基本的HTML结构不变,不同屏幕应用不同的css代码,可以用媒体查询,也就是@media这个来做。

举例:

@media screen and ( max-width:960px ){ 
  body{ background-color:red; }
}
@media screen and ( max-width:480px ){
  body{ background-color:blue; }
}

在不同的屏幕大小下显示不同的颜色,你可以缩放浏览器窗口查看一下效果。

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com