Как обнулить исходный css?

Question

[DimonfromChehov]

Возможно ли при заходе на сайт с мобильного устройства обнулить( так как наследуется вся информация из первоначального ксс файла) дефолтные стили и подключить мобильные из отдельного файла.
И еще сажите пожалуйста как скрыть дивы из обыной версии сайта в мобильной ? через display: none ?

Comments

[YemSalat]

"И еще сажите пожалуйста как скрыть дивы из обыной версии сайта в мобильной ? через display: none ?"
Да

Answer 1

[Елизавета Борисова]

Может проще адаптивно их написать ?

Comments

[pLavrenov]

это и есть адаптивно. разница лишь в том будет это в одном файле или подключается другой файл

Answer 2

[YemSalat]

Можно на основной стиль (который для десктопа) поставить атрибут медиа, и в нем прописать media query.
Например:

<link rel="stylesheet" href="desktop.css" media="screen and (min-width: 500px)">

Тогда этот файл будет грузиться только на девайсах с шириной экрана больше 500px.

Соответсвенно на мобильных стилях будет:

<link rel="stylesheet" href="mobile.css" media="screen and (max-width: 499px)">

Answer 3

[pLavrenov]

вместо screen использовать минимальный размер. тогда файл будет применяться только к расмерам между мин и макс

а еще скриниспользуется для десктопов а handheld (возможно не точно написал) для мобильных и блоки скрывать да, через дисплей нон