浅谈 100vh 在移动端中的差异及解决方案

前言

在做活动页的时候,第一页需要整屏显示,使用了 100vh 来作为第一页的高度,但在 ios safari 中效果却不是我所期望的那样。遂写篇博文来记录下问题的产生和解决及原因。


网页布局前的一些前置工作网页布局前的一些前置工作


浏览器样式重置(CSS Reset)

  • 为什么要重置浏览器样式?

    因为不同的浏览器(ie,firefox,chrome等),不同的核心对CSS的解析效果会有不同的呈现,和自己所期望的效果有所差异.
    如浏览器就会自己给body加上一条外边距(margin)的属性等,但有时候我们便不需要它,所以我们要重置浏览器样式.



Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×