响应式
就是宽度变化了，页面内容也会跟着变化。 现在几乎都不做响应式了，主要有两种方案：
- 两套css，通过判断是手机还是pc来选择css
- 跳转网址，例如淘宝是手机就跳转m.taobao.com
媒体查询
会互相覆盖，如果都满足的话后出现的会覆盖先出现的。 平常会添加多个css样式来满足不同屏幕的需求。
eg：做两个导航栏，然后用媒体查询去切换。
meta
用手机的长度375px去模拟980px，然后进行了缩放。
此时我们已经专门给手机做了一套css了，就不需要缩放了，
<meta name="viewport" content="width=device-width,
user-scalable=no, initial-scale=1.0, maximum-scale=1.0,
minimum-scale=1.0">
宽度：设备宽度，用户缩放：不允许，缩放：1.0
