站内搜索:
首页 >> 前端 >> 内容
CSS响应式布局实例

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

使用CSS3的 Media Query 查询

1.外链方式

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

2.内嵌方式

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

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

  • 上一篇:django实现将本地图片存入数据库,并能显示在web上(代码教程)
  • 下一篇:javaWeb学习之创建对象,构造函数,原型对象,constructor讲解
  • 返回顶部