摘要: 1. 什么是视口? 在桌面端,视口指的是在桌面端,指的是浏览器的可视区域;而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewport(理想视口)。 2. 视口单位vw,vh 视口单位中的“视口”,桌面端指的是浏览器 阅读全文
posted @ 2019-08-10 15:57 sunidol 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 1、未知宽高的元素实现水平垂直居中 方法一:flexbox布局 优点:方便 缺点:兼容性不好,IE支持很差 方法二:使用CSS3的transform + 绝对定位 优点:方便,支持webkit内核 缺点:transform兼容性差,IE9以下不支持 方法三:使用display: table cell 阅读全文
posted @ 2019-08-10 10:23 sunidol 阅读(236) 评论(0) 推荐(0) 编辑