Skip to content
登录后刷题更便捷

position:fixed;在 android 下无效怎么处理?

难度:

因为移动端浏览器默认的 viewport 叫做 layout viewport。在移动端显示时,因为 layout viewport 的宽度大于移动端屏幕的宽度,所以页面会出现滚动条左右移动,fixed 的元素是相对 layout viewport 来固定位置的,而不是移动端屏幕来固定位置的,所以会出现感觉 fixed 无效的情况。

如果想实现 fixed 相对于屏幕的固定效果,我们需要改变的是 viewport 的大小为 ideal viewport,可以如下设置:

html
<metaname
  ="viewport"
  content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca
le=1.0,user-scalable=no"
/>

内容仅供参考,难免有不恰当的地方,如果有问题欢迎及时反馈
部分内容来自网络,如果不慎侵犯您的权益,请联系我们,以便及时删除侵权内容