我
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"
/>