摘要：
传统布局与flex布局 传统布局 ：兼容性好；布局繁琐；局限性，不能在移动端很好的布局。 flex 弹性布局 ：操作方便，布局极为简单，移动端应用很广泛；PC 端浏览器支持情况较差；IE 11或更低版本，不支持或仅部分支持。 布局原理 flex 是flexible Box 的缩写，意为"弹性布局"， 阅读全文
摘要：
1. [attribute~=value] 属性中包含独立的单词为 value 2. [attribute =value] 属性中做字符串拆分，只要能拆出来 value 这个词就行 3. [attribute|=value] 属性中必须是完整且唯一的单词，或者以 分隔开 4. [attribute^ 阅读全文
摘要：
视口 视口定义 定义 就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口。 布局视口（layout viewport） 一般手机浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。 视觉视口（visual viewport） 用户正在看到的网站的区域 阅读全文