Как сделать, чтобы при уменьшении размера экрана, отступы справа и слева постепенно становились меньше, как на этом сайте:
1 ответ
Делается такое с помощью обычного margin
:
.main {
width: 200px;
height: 100vh;
background-color: black;
margin: 0 auto; /* Это наша строка. Она делает одинаковые отступы слева и справа */
}
<div class="main"></div>
-
Это я знаю. Но спрашиваю --- как сделать чтобы при уменьшении размера экрана эти отступы тоже уменьшались, если я задаю ширину блока в процентах? То есть при уменьшении экрана блок должен увеличиваться.– Владимир6 мар 2017 в 17:35
-
-
К примеру: на телефоне блок во весь экран, а на компьютере только на половину. Ну я уже разобрался, спасибо!! Нужно мин. ширину окна поставить на пример: 1000px и ширину блока 1000px, а отступы --- как вы сказали.– Владимир6 мар 2017 в 17:43
margin: auto