小森呀

1.布局视口 注：页面在pc端正常显示，在移动端压缩进手机屏幕范围内显示 2.视觉视口 注：页面在pc端正常显示，在移动端只显示手机屏幕范围内可以看到的区域 3.理想视口(布局视口与设备宽度一样宽) 注：PC端与移动端都能正常显示 移动端视口标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-sc.

@media - mediatype 媒体类型 all-----用于所有设备 print-----用于打印机和打印预览 screen-----用于电脑屏幕、平板电脑、智能手机等 and|not|only 关键字 and-----相当于“且” not----相当于“非” only-----指定某个特定的媒体类型 media feature 媒体特性（必须有小括号包含） wid.

常见父项属性： flex-direction 设置主轴的方向 row-----默认值从左到右； row-reverse-----从右到左 column-----从上到下 column-reverse-----从下到上 justify-content 设置主轴上的子元素排列方式 flex-start-----默认值从头部开始 flex-end-----从尾部开始 center-----在主轴居中对齐 spac