#html #browser #resize
#HTML #браузер #изменить размер
Вопрос:
У меня возникла проблема с веб-сайтом, который я создал: всякий раз, когда я просматриваю сайт на меньшем мониторе или когда я изменяю размер окна браузера, содержимое закрывается другими разделами. Мне нужно, чтобы содержимое было полностью видимым, независимо от размера браузера.
http://sophisticateddesign.nl/cfreport/overons.html
Кроме того, на главной странице текст немного обрезается в нижней строке при изменении размера браузера. Мне нужно, чтобы эта строка немного увеличилась в высоту, чего, по-видимому, нельзя достичь простым увеличением высоты divs.
Ответ №1:
Вам следует взглянуть на адаптивный веб-дизайн. Используя плавную сетку вместе с одним или несколькими медиа-запросами, вы можете достичь того, о чем просите.
Вот хорошее введение, если вы хотите начать. Я также могу настоятельно рекомендовать книгу Итана Маркотта по этому вопросу!
Ответ №2:
Самый простой способ — не определять ширину в пикселях, а использовать только ширину в%. Вы определили, например width: 960px; , для <html> so, если окно браузера меньше 960 пикселей, все содержимое этого сайта не будет видно. Вы также определили ширину нижнего колонтитула и, возможно, еще несколько элементов.
Но правда в том, что в настоящее время вам лучше Responsive Web Design научиться создавать свою страницу, приспосабливаясь к ширине устройства. Многие сайты используются людьми на ПК, ноутбуках, планшетах и мобильных телефонах, и вы не можете создать сложный сайт, который будет хорошо выглядеть на всех этих устройствах, не используя методы адаптивного дизайна.
Комментарии:
1. Ну, дело в том, что это школьный проект, и у меня осталось не так много времени, чтобы изучить адаптивный дизайн. Учитель собирается просмотреть сайт на 13 или 15-дюймовом мониторе, поэтому я думаю, что мне не стоит беспокоиться о чем-то меньшем, чем это. Тем не менее, спасибо за ваш совет.