Остановить браузер от толкания всего вокруг, когда я изменяю размер - PullRequest
Новая
       7

Остановить браузер от толкания всего вокруг, когда я изменяю размер

10 голосов
/ 09 января 2011

Как я могу остановить развал всего моего сайта, пока пользователь изменяет размеры окна браузера?

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

Ответы [ 3 ]

13 голосов
/ 09 января 2011

Поместите обертку фиксированной минимальной ширины вокруг нее:

До: 

<html>
<body>
<!-- Your content -->
</body>
</html>

После: 

<html>
<body>
<div style="min-width: 960px; margin: 0 auto;">
<!-- Your content -->
</div>
</body>
</html>

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

Вы также можете использовать width вместо min-width, если хотите, чтобы ваша страница всегдаотображать с определенной шириной, даже если браузер шире.

0 голосов
/ 27 октября 2017

Я знаю, что очень поздно, но теперь это действительно помогло мне, так что спасибо:)

Что я использовал для этого: https://codepen.io/Mike-was-here123/full/oGWxam/

<div style="min-width: 1920px; margin: 0 auto; max-height: 1080px;">
0 голосов
/ 09 января 2011

Принудительный фиксированный размер вместо заполнения доступного пространства. Это позволит вашему сайту всегда «выглядеть идеально».

Недостаток: пользователям с меньшим разрешением или размером браузера меньше придется прокручивать страницу слева направо. Также пользователи с большими широкоформатными экранами увидят кучу дополнительного пространства по бокам.

Реальное решение, измените свой стиль, чтобы страница по-прежнему выглядела прилично при меньшем размере (вплоть до того размера, который, как вы думаете, обычно будут у ваших пользователей).

...