移动端 100vh 的坑:从问题原因到正确解法
手机浏览器的地址栏会收缩,100vh 却纹丝不动,于是"满屏"页面底部被裁掉一截。这个问题有更现代的单位可以解决。
共 3 篇文章
手机浏览器的地址栏会收缩,100vh 却纹丝不动,于是"满屏"页面底部被裁掉一截。这个问题有更现代的单位可以解决。
一张大图打天下,是移动端流量和加载时长的隐形杀手。srcset 与 sizes 的组合能让浏览器自己挑最合适的那张图。
Flexbox 解决的是一条轴上的排列问题,Grid 则把行和列一起纳入设计。切换到二维思维后,很多原来靠嵌套和技巧实现…