вопрос с медиа-запросами css

У меня проблема с медиа-запросами в моем CSS, я хочу применить стиль, когда размер экрана составляет 900 пикселей, но этот стиль работает до тех пор, пока размер экрана не станет 810px.вопрос с медиа-запросами css

это мое окно просмотра:

<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">

и это мой CSS:

@media all and (max-width: 900px){ 
    .form{display:none;} 
}

мой HTML только этот

<div class="form"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>

я не смог найти решение по этому поводу проблема. Спасибо за помощь :).

источник

2014-09-25 Er_

вы можете его загрузить? посмотреть, работает ли это для нас? – nicolast

Это работает для меня: http://jsfiddle.net/kowbsLqm/. У вас должен быть другой стиль, переопределяющий его. – rnevius

это ссылка http://er-xc.com/test/test.html, я тестировал в сафари, хром и firefox, и у меня такая же проблема –

У меня была эта проблема, и все, что было, это то, что я случайно уменьшил экран своего браузера.

источник

2014-09-25 14:57:54 user3211522

спасибо за ответ , я проверил масштаб и стал обычным: / –

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

@media screen and (max-width: 900px){ 
     .form{display:none;} 
    } 
    ************* 
    @media only screen and (max-width: 900px){ 
     .form{display:none;} 
    }

изменить также видовую строку следующим образом:

<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=yes">

ИЛИ

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

источник

2014-09-26 05:18:17 DeDevelopers

вопрос с медиа-запросами css

ответ

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