原理简单点说响应式布局它是通过CSS中MediaQuery媒介查询@media功能，来判断我们的终端设备宽度在多少像素内，然后就执行与之对应的CSS样式。
·CSS自定义属性4响应式布局您的应用程序应该在所有类型的设备例如智能手机，平板电脑，台式机，iPad或任何其他屏幕尺寸的设备上都可以查看和使用因此，了解创建响应式设计或布局非常重要让我们来看一些重要的主题·了解如何设置视口。
屏幕高度，667 windowinnerHeight 网页视口高度，553 body高度，网页内容的高度根据网页内容决定 vh网页视口高度的1100 vw网页视口宽度1100 vmax取两者vhvw最。
当然，在未来的CSS Image Level 4中已经实现了响应式图片的原生语法imagesetltimageset = imageset ltimagesetdecl， * ltimagesetdecl ltcolor ltimagesetdecl = ltimage ltstring lt。
就近原则，important提高元素优先级，伪类选择器，伪对象选择器，@import导入其他css文件，响应式布局可以解决多设备的兼容问题文本属性fontfamily字体 fontsize字体大小 fontstyle斜体 fontweight粗体 color。
css定位，怎么响应式布局双栏 响应式双栏 应该是一般固定一般不固定的吧 左边固定 左边浮动+margin， 右边width 100% 右边固定 左边padding ，右边浮动bootsrtp响应式布局在react 中怎么用 如何使用Boot。
