css 如何在移动的设备上相对于浏览器按钮面板定位元素的底部？

ulydmbyx 于 2024-01-09 发布在其他

关注(0)|答案(1)|浏览(113)

网站中的浮动按钮隐藏在浏览器按钮面板后面。是否有方法在移动的设备上相对于浏览器的按钮面板定位该元素？
enter image description here
我尝试添加env(safe-area-inset-bottom)作为插件here .我也尝试添加position: static到body在同一个线程的建议.我还尝试了各种其他解决方案从谷歌和StackOverflow但似乎不工作.

css

来源：https://stackoverflow.com/questions/77751170/how-to-position-bottom-of-an-element-relative-to-browser-buttons-panel-on-mobile

1条答案

按热度按时间

rkkpypqq1#

最后通过使用dvh->动态视口高度解决。
旧CSS

.floating {
  position: fixed;
  right: 30px;
  bottom: 30px;
}

字符集
修复以下问题

.floating {
  position: fixed;
  right: 30px;
  height: 60px;
  bottom: calc(100dvh - 90px);
}

型

赞(0）回复(0）举报 2024-01-09

我来回答

css 如何在移动的设备上相对于浏览器按钮面板定位元素的底部？

1条答案

相关问题

热门标签

最新问答