媒体查询

110 阅读1分钟
  • rem 移动端使用的单位 适配移动端的时候必须要加上视口标签
  • view视口 宽度等于设备宽度 初始化不缩放
  • rem 是相对根元素html来设置的 1rem 就相当于是根元素的字体大小
  • em是相对于父元素来设置的
  • em有局限性 父元素变化了 em所对应的px也会变化
  • 响应式的样式要放到最后
  • all 代表所以的屏幕
  • only screen 代表仅有电脑屏幕支持
  • 实现div在屏幕不同大小的情况下显示不同的颜色
  • 媒体查询 max-width 最大宽度
  • min-width最小宽度