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

2024-11-02 06:32:16

推荐回答（2个）

回答1：

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

　　举例：

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

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

回答2：

对，html代码是一样的，css不一样。
可以用js或后台编程语言来判断屏幕、设备加载对应的css，也可以用css媒体查询来指定不同的css。一般所指的响应式网站是用的css媒体查询。