Как не применять определенные стили css для mobile?

Question

[Vkok]

Как не применять некоторые стили при просмотре с мобильного устройства? Из одного файла css

Answer 1

[Lam Besis]

Если я вас правильно поняла, то вам необходимо использовать подобный медиа-запрос:

@media only screen (min-width: 544px){ 
.element: { background: red; }
}

Который обозначает, что у данного элемента фон будет красным только если ширина браузера будет 544px или выше (т.е. вплоть до фул-hd, если сами не поставите ограничение).
Почитать подробнее можно тут.
Либо запросом (max-width: ....) пропишите непосредственно то, как как ваши блоки должны выглядеть на мобильном устройстве.

Comments

[Vkok]

не. как сам .element не применять к меньше 700?

[Sn0wSky]

Vladimir Boch: именно так, как Вам и сказали. Заместо 544 ставите 700. Тогда он будет работать только при ширине вьюпорта >= 700, при меньших не будет.

[Vkok]

нет. немножко не понятно объясняю. как сделать чтоб для mobile совсем такого стиля не было. не то, что он разный для разных устройств, а чтоб для моб его совсем небыло, понимаете. чтоб к див он не применялся при просмотре с моб

Answer 2

[Алексей Струков]

Лучше использовать медиа запрос для max-device-width. Чтобы стиль совсем не применялся поставьте ему значение inherit | initial или явно укажите значение по умолчанию для таких устройств.

Answer 3

[Максим]

ну прежде всего default , т.е если у вас написано что какой то элемент имеет такой то шрифт то и в медиа-запросе оставить его таким же , или же фон если был красный то и оставить его красным т.е не менять это значение , или ширину - просто оставить такое значение какое было в предыдущем
Но это догадки - так как вы не предоставили ни кода не объяснений