В качестве задания для школы нам нужно было создать веб-сайт, но мы не могли касаться HTML, кроме добавления классов и идентификаторов.Сделать существующий сайт отзывчивым
Теперь мой сайт почти закончен, но когда люди с большими или меньшими разрешениями открывают сайт, все по-другому, потому что оно не реагирует. Теперь мы можем использовать сетку даже жестко, они не объяснили, как это работает.
Есть ли способ сделать мой существующий сайт отзывчивым?
Недостаточно добавлять классы и идентификаторы ... Для этого вы должны включить хотя бы один файл CSS.
Подсказка: используйте медиа-запросы, если вы хотите сделать все сами. Если вы изучаете существующую структуру CSS, которая очень хорошо обрабатывает чувствительные сайты, я бы предложил посмотреть на UIKit (http://getuikit.com/)
Я сожалею, что не упоминал об этом, но у меня уже есть 2 css-файла, которые уже связаны. 1 называется Home (где я сделал все кодирование) и 1 называется сеткой, но в данный момент это пусто. – Dyrean
Итак, ваше задание состоит из заполнения файла grid.css медиа-запросами;) Это должно указывать на вас в правильном направлении: http://www.onextrapixel.com/2012/04/23/responsive-web-design -layouts-and-media-queries/ Ищите код примера медиа-запроса. Обратите внимание на различные настройки максимальной ширины. – Harold
спасибо, Гарольд, я обязательно посмотрю на это. Приветствия из Бельгии – Dyrean
Google - ваш друг. В Интернете есть сотни примеров. – qcGold