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