Member 12810770 Ответов: 1

Экран HTML и CSS подходит для Аль resolutons

Привет, я создаю веб-страницу begginer, и у меня есть вопрос, Может ли кто-нибудь показать мне, что делать.

моя страница закончена, у меня есть только один вопрос. когда я открываю свою страницу на разных компьютерах с разными разрешениями, она портит мою веб-страницу, разбрасывая вещи повсюду. как я могу установить его таким образом, чтобы он был одинакового размера во всех разрешениях?

вот мой кодовый код http://codepen.io/rt133/pen/JbavLz

Что я уже пробовал:

я пробовал менять ширину, но не работал

1 Ответов

Рейтинг:
1

Andy Lanng

Я предлагаю вам изучить адаптивный веб-дизайн:
HTML адаптивный веб-дизайн[^]

Я думаю, вы могли бы установить ширину страницы, скажем, 1500px, но это привело бы к очень плохому опыту для ваших посетителей.

Смотреть в начальная загрузка[^]. Он реализует адаптивные элементы. Т.Е.

<div class="col-lg-4 col-md-12"></div>
<div class="col-lg-4 col-md-12"></div>
<div class="col-lg-4 col-md-12"></div>


Если страница имеет ширину более 1500 пикселей, то она считается большой (lg), и поэтому эти дивы будут отображаться в одной строке. Если он меньше этого (но больше этого малого (см)), то он будет использовать среднюю ширину. col-md-12 означает, что теперь он растянется на всю страницу. Вы можете получить bootstrap.js чтобы эти переходы тоже выглядели плавными.

Это называется Подмости[^]

Он изменит макет вашего сайта в зависимости от доступной ширины. Это очень полезно, если вы только начинаете работать с адаптивным дизайном и у вас есть масса потрясающей поддержки для него.

Надеюсь, это поможет