欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSS响应式布局实例

程序员文章站 2023-09-06 20:41:23
使用css3的 media query 查询 1.外链方式 只有当屏幕宽度 <= 480px 时,才会加载这个css文件。 2.内嵌方式 @media screen and (min-wi...

使用css3的 media query 查询

1.外链方式

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

2.内嵌方式

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

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