Search the Community
Showing results for tags 'адаптивная'.
Found 2 results
-
Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чуть сэкономить на селекторах: если при разрешениях экрана 1024 и 800 какой-то блок не выводится, то display:none достаточно указать для max-width:1024 Но CSS-файл будет большой общий. Поделитесь опытом, пожалуйста! Спасибо!
-
Ребята, всем привет! Занимаюсь версткой проекта, адаптивного, и потребовалось сделать так, чтобы при разрешении экрана менее 700 пикселей, у одного элемента менялся класс. (при этом у него задано 2 класса, что-то типа: class="one two") Изменить нужно именно второй класс "two". Через @media - не вариант, мне конкретно нужно присвоить новый класс элементу. Понимаю, что это нужно сделать средствами js, но как - ума не приложу.. Очень буду рад за подсказку! Понимаю, что вопрос нубовский, но очень надеюсь на вашу помощь..
