事情是这样的,在开发一个WabApp的时候使用到了购物车组件
所以想通过fixed定位固定在浏览器底部,PC浏览器中调试用的iphone和Android都正常显示,如下图:
Android手机真机同样正常显示,但是ios的真机测试的时候购物车组件就不能正常显示了
,好像被东西挡住了,如下图。
后来查阅资料后发现,原来是因为ios高度默认设置为100%,使用fixed定位悬浮元素是不算入高度的。也就是说购物车组件的确已经固定在了浏览器窗口底部但是却超出了页面的高度,也就是说找个东西撑开页面的到浏览器视口一样的高度可以显示了,
然后使用padding-bottom把底部撑开果然就正常显示了,
移动端使用fixed定位,导致ios底部内容显示空白
最新推荐文章于 2023-09-21 15:29:32 发布