浏览器
文章平均质量分 68
Punkerwei
以独立之心做合群之事-Blend in but stand out
展开
-
CSS vw / vh 移动端布局
CSS vw / vh 移动端布局移动端布局flex 布局 : 单维度适配为了可以适配移动端,页面元素需要高度和宽度同时等比例缩放移动端适配方案 rem 和 vw & vh比较remvw/vh需要不断修改html文字大小省去各种判断和修改需要媒体查询@media不需要@media需要flexable.js监测屏幕变化不需要额外监测什么是vw / vhvw 和 vh是一个相对单位(原理类似em或者rem)vw :viewport widt原创 2021-07-11 21:29:41 · 533 阅读 · 0 评论 -
CSS 视口 - viewport
CSS 视口 - viewport什么是视口视口-viewport 就是浏览器显示页面内容的屏幕区域。视口分类:布局视口 - 弃用 (deprecate)视觉视口 - 弃用 (deprecate)理想视口 - 开发主流布局视口 layout viewport一般移动设备的浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 980px,所以PC上的网页大多都能在手机上呈现,只不过元素看上去很小,一般默认可以通原创 2021-07-10 22:25:26 · 1260 阅读 · 0 评论