Медиа-запрос для определения запаздывающей позиции: исправлено поведение - PullRequest
Новая
       0

Медиа-запрос для определения запаздывающей позиции: исправлено поведение

1 голос
/ 19 октября 2011

У меня есть сайт с некоторыми элементами, которые имеют position: fixed.В настольном браузере он выглядит хорошо, но на моем телефоне (Xperia Arc, Android 2.3) эти элементы прокручиваются вместе со страницей, пока вы не отпустите палец с экрана, и в этот момент они переместятся в нужное место.Это выглядит некрасиво.

Теперь я мог бы легко изменить CSS, чтобы сайт также выглядел хорошо на устройствах с таким поведением, но можно ли такое поведение (или коррелированное свойство) обнаружить с помощью медиа-запроса CSS?

Ответы [ 2 ]

1 голос
/ 19 октября 2011

CSS медиазапросы не обнаруживают поведение. Они обнаруживают:

  • ширина и высота окна браузера
  • ширина и высота устройства
  • ориентация - пейзаж / портретный режим
  • разрешение

Подробнее: http://www.w3.org/TR/css3-mediaqueries/#media1

0 голосов
/ 19 октября 2011

добавить этот метаэлемент и этот css.

meta name = "viewport" content = "ширина = ширина устройства, начальный масштаб = 1,0, максимальный масштаб = 1,0, минимальный масштаб = 1,0, масштабируемый пользователем = нет" /

body { -webkit-пользователь выберите: нет; -webkit-сенсорная выноска: нет; -webkit-tap-highlight-color: rgba (0,0,0,0); }

попробуй это. но я не могу это проверить, поэтому я не знаю

...