Форум Сайтостроение Веб-строительство

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

VK
На сайте с 03.04.2017
Offline
14
verstalshikKHV
300

Верстаю сайт, который при разрешении > 480px имеет резиновую верстку, при разрешении <= 480px имеет фиксированный размер 480px. Какой вьюпорт нужно указать для корректного отображения сайта на всех устройствах, чтобы и на устройствах 320px сайт просто уменьшался в масштабе, но выглядел также, как и при 480px?

D.iK.iJ
На сайте с 26.05.2013
Offline
239
D.iK.iJ
#1

По идее, такой:

<meta name="viewport" content="width=480">

Еще вот нагуглил "динамический" вариант:

<meta id="vp" name="viewport" content="width=device-width, initial-scale=1">
<script>
window.onload = function() {
if (screen.width < 480) {
var mvp = document.getElementById('vp');
mvp.setAttribute('content','user-scalable=no,width=480');
}
}
</script>



---------- Добавлено 01.03.2018 в 02:31 ----------

Отсюда: https://stackoverflow.com/questions/15040408/achieving-min-width-with-viewport-meta-tag

---------- Добавлено 01.03.2018 в 02:33 ----------

Там был еще вариант просто указать

body {
min-width: 480px;
}

но нужно тестировать.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий