#responsive-design #responsive
#адаптивный дизайн #адаптивный
Вопрос:
Я прошу прощения, если этот вопрос очень прост. Я пытался использовать сторонний конструктор веб-сайтов для клиента для упрощения доступа / редактирования позже, но он действительно хочет адаптивный сайт, который изменяет размеры и центрируется независимо от того, в каком браузере / разрешении он отображается. Я почти уверен, что мне нужно будет просто начать с нуля и создать для него что-то полностью настроенное. Я изо всех сил пытаюсь даже понять, с чего начать, поскольку кодирование адаптивных сайтов для меня все еще ново. Любая помощь или руководства, на которые кто-то мог бы мне указать, были бы очень признательны.
#page {
margin-left:auto;
margin-right:auto;
width:960px;
}
#stage {
margin: 1em auto;
width: 360px;
height: 540px;
}
#stage a {
position: absolute;
}
#stage a img {
padding: 0px;
border: 0px solid #ccc;
background: #fff;
}
Ответ №1:
Вы хотите, чтобы текст всегда был центрирован, чтобы у него не было проблем с компоновкой на разных устройствах, или вы хотите, чтобы каждый элемент был выровнен по центру? Я думаю, что это первый. Вы могли бы использовать width:95vw;
для элемента body и margin:auto;
. Вы могли бы работать с медиа-запросами. Также важно добавить мета-тег viewport в заголовок. Дайте мне знать, понял ли я вопрос
Комментарии:
1. Я хочу, чтобы он был адаптивным. Я собираюсь опубликовать код, и, возможно, кто-нибудь сможет дать мне отзыв о том, что происходит. Я хочу, чтобы сайт был центрирован по центру независимо от разрешения экрана.