您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS3 100vh在移动浏览器中不是恒定的

CSS3 100vh在移动浏览器中不是恒定的

这是一个众所周知的问题(至少在safari mobile中),这是有意的,因为它可以防止其他问题。Benjamin Poulain回复了一个webkit错误

这完全是故意的。为了达到这种效果,我们付出了很多工作。:)

基本问题是:滚动时可见区域会动态变化。如果我们相应地更新CSS视口高度,则需要在滚动过程中更新布局。不仅看起来像狗屎,而且在大多数页面上几乎不可能以60 FPS进行操作(60 FPS是iOS上的基准帧速率)。

很难向您展示“看起来很烂”的部分,但是可以想象一下,当您滚动时,内容在移动,屏幕上您想要的内容在不断变化。

动态更新高度不起作用,我们有几种选择:在iOS上放下视口单位,像在iOS 8之前一样匹配文档大小,使用小视图尺寸,使用大视图尺寸。

根据我们的数据,使用较大的视图尺寸是最好的折衷方案。大多数使用视口单位的网站在大多数时候看起来都很不错。

CSS 2022/1/1 18:17:38 有438人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶