用于检测滞后位置的媒体查询:固定行为

时间:2011-10-18 20:56:24

标签: html css media-queries

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

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

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

添加此元素和此css。

meta name =“viewport”content =“width = device-width,initial-scale = 1.0,maximum-scale = 1.0,minimum-scale = 1.0,user-scalable = no”/

body {       -webkit-用户选择:无;       -webkit-触摸标注:无;       -webkit-tap-highlight-color:rgba(0,0,0,0); }

试试看。但我不能测试它所以我duno