Ограничить изменение размера и масштабирования на веб-странице на рабочем столе

Question

Ограничить изменение размера и масштабирования на веб-странице на рабочем столе

У меня есть документ HTML / PHP / JavaScript, и у меня возникают проблемы с его размером и масштабированием. Я хочу, чтобы все действовало так, как действует сайт Stack Overlow. Так что всякий раз, когда я изменяю размер своего браузера, все остается на одном месте и не перемещается и не меняет свой формат.

Что я могу добавить к своему коду для достижения этой цели?

1

css html php resize scaling

Решение

По вопросам рекламы [email protected]

Accepted Answer

Просто установите ширину элемента контейнера вашего сайта. Сделаете ли вы это для одного или нескольких элементов, будет зависеть от дизайна и требований вашего сайта.

Примеры:

Один контейнер

header,
footer {
min-height: 150px;
}
main {
min-height: 400px;
background-color: #eee;
}
.container {
margin: 0 auto;
width: 1060px;
}

<div class="container">
<header>
Header
</header>
<main>
Content
</main>
<footer>
Footer
</footer>
</div>

1

Другие решения

Других решений пока нет …

Источник