Контейнер для адаптивной страницы
Умная адаптация ширины блочных элементов CSS 2.0
На больших горизонтальных размерах окна появляется проблемы с длиной строк. Это решается дополнительным приёмом: создание дополнительного внешнего контейнера внутри уже описанного и ограничение его максимальной ширины фиксированным значением
1 2 3 4 5 6 7 8 9 10 11 12 | <html>
<head>
...
</head>
<body>
<div class="page-container">
<div class="page-container-inner">
...
</div>
</div>
</body>
</html>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 | div.page-container {
max-width: 75%;
min-width: 960px;
margin: 0 auto;
padding: 0;
}
div.page-container-inner {
min-width: 960px;
max-width: 1600px;
margin: 0 auto;
padding: 0;
}
|
