我遇到了令人烦恼的问题,移动/平板电脑设备不支持position: fixed
(iOS 5+和Android 3+谢天谢地)在我正在处理固定位置主页的单页网站上nav对于UX非常重要。
在阅读Brad Frosts关于此的优秀文章后,我决定接受他的建议,并使用用户代理嗅探来定位iOS和Android,使固定的主导航可见,并为所有其他移动设备使用是不可见的,而是我在每个主要部分之后插入一个链接到页脚中的主导航,不是很好,但足够好。但是在我的桌面媒体查询中: 1024px + (我正在构建网站'Mobile First')我需要为桌面用户显示固定的主导航,但这会影响许多不支持的平板电脑设备支持position: fixed
例如三星Galaxy但支持CSS媒体查询。
似乎没有一种简单的方法可以让所有非iOS / Android平板电脑设备得到修复,而无需进入Brad的文章中提到的JavaScript解决方案,我宁愿避免使用布拉德指出或进入的相同理由更加凌乱用户代理嗅探,我宁愿避免。至少我有iOS和Android工作。
编辑:我可以做的一件事就是将桌面媒体查询提升到 1366px + ,这似乎是最常见的桌面分辨率(see here),这不会影响大多数平板电脑,因为它们的最大屏幕尺寸通常 1280px 。虽然很多台式机用户会缩小浏览器视口,导致固定的主导航不可见,导致网站难以使用,我觉得这个用例会比平板电脑用户更大,这有点冒险吗?