https://www.bilibili.com/video/av22414791?p=18
前几节 主要了解 viewport 和 设备宽度(页面宽度)
:viewport < 页面宽度
:可能造成内容太小,
viewport >页面宽度
:可能有滚动条
这和meta 下的 content有关
width:device-width 和 initial-scale:1.0
-
- user-scale
- maximum
- minimum
@media 查询
媒体类型
操作符
基本语法
常用特性
orientation
横向纵向
可视窗口宽度 / 设备窗口宽度
最大/最小 宽高
像素密度
分辨率 尺寸