我遇到了烦人的问题,即移动/平板电脑设备不支持position: fixed
(谢天谢地,iOS 5+ 和 Android 3+ 支持)我正在研究的单页网站,其中固定位置的主导航对 UX 非常重要。
在阅读了Brad Frosts的精彩文章后,我决定采纳他的建议并使用用户代理嗅探来定位 iOS 和 Android,使固定的主导航可见,而对于所有其他移动设备,它不可见,而是在每个之后插入一个链接主要部分到页脚中的主要导航,不是很好但足够好。但是在我的桌面媒体查询中:1024px +(我正在构建网站“移动优先”)我需要使固定的主导航对桌面用户可见,但这会影响许多不支持position: fixed
三星 Galaxy 但支持的平板电脑设备CSS 媒体查询。
在不使用 Brad 文章中提到的 JavaScript 解决方案的情况下修复所有非 iOS/Android 平板设备似乎不是一种简单的方法,出于同样的原因,我宁愿避免 Brad 指出或进入更混乱的用户我宁愿避免代理嗅探。至少我有 iOS 和 Android 的工作。
编辑:我可以做的一件事是将桌面媒体查询提高到1366px +,这似乎是最常见的桌面分辨率(见此处),这不会影响大多数平板电脑,因为它们的最大屏幕尺寸通常为1280px。有点冒险,尽管许多桌面用户会缩小他们的浏览器视口,导致固定的主导航不可见,从而使网站难以使用,我认为这个用例会比平板电脑用户更大?