Имеется сайт с адаптивом. На устройствах где ширина больше чем 375 пикселей (iPhone X), контент отображается нормально, но где меньше (например Galaxy Fold где 280) уже все плохо. Как можно сделать так что если ширина устройства меньше 375 пикселей, то контент оставался такого же размера? Если я задаю для body "min-width: 375px", то контент вылезает за пределы Вьюпорта.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
<script type="text/javascript">
(function () {
if (screen.width <= 375) {
const metaViewport = document.createElement('meta');
metaViewport.setAttribute('name', 'viewport');
metaViewport.setAttribute('content', 'width=375, initial-scale=1, minimum-scale=1');
document.head.replaceChild(metaViewport, document.querySelector('meta[name="viewport"]'));
}
})();
</script>
