我的主页上有一些全高（100 vh）元素，除了通过Instagram浏览器查看网站时，在所有浏览器上都能正常工作。在Instagram浏览器上显示和隐藏自己的动态导航标签会导致高度变化，并导致抖动滚动。我试着将其更改为lvh或svh值，也是为了固定背景位置以保持高度静止，但在Instagram上似乎不起作用。有人对此有经验或建议吗？
hfsqlsce1#
尝试使用基于视图的高度，如height: 100%。vh单位总是指最大可能的高度。一些移动的浏览器将在底部有导航栏，所以vh将等于视图高度+导航栏高度。这意味着当页面第一次加载时，100 vh实际上会比可视区域高出很多。
height: 100%
vh
1条答案
按热度按时间hfsqlsce1#
尝试使用基于视图的高度，如
height: 100%。vh单位总是指最大可能的高度。一些移动的浏览器将在底部有导航栏，所以vh将等于视图高度+导航栏高度。这意味着当页面第一次加载时，100 vh实际上会比可视区域高出很多。