比如安卓的Edge,底部内容会被工具栏挡住。
原因很简单,因为这类浏览器CSS中的vh是包含两栏的,导致你在开发时候距离底部比如20px,可能会写成calc(100vh - 20px),在这些浏览器上就显示成了被底部挡住了。
如下:
处理方案很清晰,改成100%即可,讨厌的就是如果嵌套层级很多,就比较麻烦。
如下:
比如安卓的Edge,底部内容会被工具栏挡住。
原因很简单,因为这类浏览器CSS中的vh是包含两栏的,导致你在开发时候距离底部比如20px,可能会写成calc(100vh - 20px),在这些浏览器上就显示成了被底部挡住了。
如下:
处理方案很清晰,改成100%即可,讨厌的就是如果嵌套层级很多,就比较麻烦。
如下: