我找到了很多关于这个主题的帖子,但没有人解决我的问题。
我正在开发一个基于宽度的媒体查询的网站,以便根据设备为页面提供不同的样式。
在移动版本中,我需要使用大量“固定”定位,但它带来了一个非常大的问题:在Android互联网,iOs Safari和许多其他移动浏览器中,我看不到固定定位标签。 他们在那里(当我点击按钮所在的位置时,我看到按钮的形状闪烁)但它们是不可见的。 我使用了viewport meta:
<meta name="viewport" content="width=100%, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, orientation=portrait" />
但它没有改变任何东西......
我仔细检查了所有z-index并调试了所有代码(寻找一些语法错误),但我无法解决问题。
有谁知道它可能是什么以及如何解决它? 谢谢!
修改
如果我将笔记本电脑浏览器缩放到“移动”尺寸,并且我在移动版本中观看网站,一切都还可以。