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

如题所述

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

  举例:

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-02-08
对,html代码是一样的,css不一样。
可以用js或后台编程语言来判断屏幕、设备加载对应的css,也可以用css媒体查询来指定不同的css。一般所指的响应式网站是用的css媒体查询。
相似回答