html - 检测滞后位置的媒体查询 : fixed behaviour

标签 html css media-queries

我有一个网站,其中一些元素具有 position: fixed。它在桌面浏览器上看起来不错,但在我的手机(Xperia Arc,Android 2.3)上,这些元素会随着页面滚动,直到您从屏幕上松开手指,此时它们会跳到正确的位置。这看起来很难看。

现在,我可以很容易地更改 CSS,使网站在具有这种行为的设备上看起来也很好,但是可以使用 CSS 媒体查询检测到这种行为(或相关属性)吗?

最佳答案

CSS 媒体查询不检测行为。他们检测:

  • 浏览器窗口的宽度和高度
  • 设备宽度和高度
  • 方向 - 横向/纵向模式
  • 决议

更多信息:http://www.w3.org/TR/css3-mediaqueries/#media1

关于html - 检测滞后位置的媒体查询 : fixed behaviour,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7813611/

相关文章:

css - 使用媒体查询重新排序 div 表格单元格

javascript - 通过#链接弹出窗口,如何在关闭时删除网址中的#?

html - 列表项上的填充扩展了过去的列表

html - 输入在 Internet Explorer 8 的文本区域中不起作用

javascript - 如何单击带有按钮的隐藏输入文件的行

html - 媒体查询对每个浏览器的行为不同

javascript - jQuery Append 删除/隐藏以前的对象

javascript - Mapbox map 已初始化

css - li 标签内的 Firefox 奇怪行为右对齐跨度

reactjs - 如何测试 react 响应标签内的 react 组件