您现在的位置:首页 >> 前端 >> 内容

CSS响应式布局实例

时间:2018/6/2 15:57:20 点击:

  核心提示:使用CSS3的 Media Query 查询1.外链方式只有当屏幕宽度 = 480px 时,才会加载这个CSS文件。2.内嵌方式@media screen and (min-width: 480px)...

使用CSS3的 Media Query 查询

1.外链方式

只有当屏幕宽度 <= 480px 时,才会加载这个CSS文件。

2.内嵌方式

@media screen and (min-width: 480px){
    body{
        background:blue;
    }
}

当屏幕宽度小于480时 body 背景为蓝色。

Tags:CS SS S响 响应 
作者:网络 来源:不详