Используя CSS, как я могу постепенно уменьшить горизонтальную прокладку на очень узких экранах? ⇐ CSS

[Anonymous]

Я использую следующие CSS, чтобы ограничить ширину области контента веб -сайта между 320px и 720px: < /p>
body {
min-width: 368px;
max-width: 768px;
padding-left: 24px;
padding-right: 24px;
margin: 0 auto;
}
< /code>
Это хорошо работает для ширины экрана> = 368px, на котором показывают 24px прокладки слева и справа (а также поля для ширины> 768px). Но для ширины от 320 пикселей до 368px (например, на iPhone SE) сайт требует горизонтальной прокрутки. Это было бы улучшением для уменьшения прокладки в этих случаях (например, до 10px с каждой стороны для 340px, до 0 каждую сторону для 320px), в качестве «последней курорта», чтобы избежать горизонтальной прокрутки. < /P>
Как я могу модифицировать CSS, так что он ведет одинаковый для ширины> = 368px, но ряд. 367px?

Подробнее здесь: https://stackoverflow.com/questions/796 ... ow-screens