4月1号一响应式布局的学习心得

新知识：
响应试布局：一个网站可以兼容多个终端（bootstrap）
（1）优点：
1）面对不同的分辨率时，设备的灵活性较强
2）能够快捷的解决在多个设备上适应的问题
3）使用在中小型网站
（2）缺点：
1）为了兼容多个设备，工作量较大，效率不高
2）代码冗余，有很多隐藏无意义的元素，加载速率不会很快
（3）原理：通过css新增的媒体查询，同过匹配不同宽度达到不同的显示效果
（4）媒体查询：能够检测设备的宽度，显示不同的样式
查询类型：all/screen（最常用）
查询方式（语法）：
@media all/screen and/not/only （min-width:多少px） and （max-width：多少px）
注意and后面必须有一个空格，没敲上，则整个媒体查询都是失效的
外部样式引入：
link:rel href media=“screen and （max-width:px）”
新建一个css里面新建一个index格式.html
rem:根元素（16px）的字体大小
浏览器最小字体支持12px字体
怎么使得字体变小？
按比例缩放：transform:scale（）；
-内核-transform:scale（）；