Firefox для мобильных устройств CSS

Я тестировал мобильную версию своего веб-сайта в браузере Android. Как мне это сделать это с:Firefox для мобильных устройств CSS

@media only screen and (max-device-width: 480px) { [my mobile CSS] }

Теперь я начал тестировать его в бета-версии Firefox Mobile, и есть один конкретный элемент, который я не могу смотреть прямо как на фондовом браузере и Firefox; для акций требуется маржа-левая: 23% (что Firefox делает слишком далеко), а Firefox требует margin-left: 30% (запас которых слишком далеко). Я экспериментировал с значениями px, и возникает та же проблема.

Итак, что я пытался сделать, это:

@media only screen and (max-device-width: 480px) { 
[my mobile CSS] 
@-moz-document url-prefix([the domain]){ [Firefox Mobile adjustment] } 
}

Это не работает.

Если я поместил правило @ -moz-document вне правила @media, он отлично работает, но влияет на рабочий стол Firefox, а также на мобильный. Вложение @media внутри @ -moz-документа, однако, нет.

Есть ли какой-либо рабочий способ нацелить только Firefox Mobile на CSS?

источник

2011-02-02 Zacqary Adam Green

Проблема здесь заключается в том, что Firefox не может показаться, чтобы выяснить вложенными в-правил, подобных этому:/ – BoltClock

BoltClock кажется правильным. Нет никакого способа сделать это с помощью только CSS.

я должен был поставить этот <script> в моей странице <head>:

if (navigator.userAgent.indexOf('Fennec') != -1) { 
document.write('<style> 
@media only screen and (max-device-width: 480px) { 
#sharebox{ margin-left:-30%;} 
}</style>');}

Это работал.

источник

2011-02-04 16:54:51

вы должны использовать '«ontouchend»в document' в вашем' если 'statement – vsync

Это сработало отлично для меня.

@media only screen and (min-width:320px){ // media query 
    @-moz-document url-prefix() { // target FF 
     .selector { // Voila 
      my: styles; 
     } 
    } 
}

источник

2016-07-08 15:20:02

Это предназначено для мобильных и настольных ПК. – lowtechsun

использование

@media (-moz-touch-enabled){ 
    //style for FF with touch 
}

источник

2018-03-06 14:01:01

Рассмотрите описание кода, чтобы получить четкое представление об этом. –

ответ

Смежные вопросы