Я делаю сайт, который должен масштабироваться на экране шириной более 640 (десктоп и планшет) и отображаться как мобильная версия на устройствах менее 640 (смартфоны).
Поэтому мне нужен meta[name=viewport] для смартфонов, а для других устройств он не нужен.
Сейчас использую в голове такой код
<script>
if(navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)) {
document.write("<meta content='width=device-width, initial-scale=1' name='viewport'>");
}
</script>
Но не помогает отсеять устройства шириной более 640 (планшеты).
Обнаружение screen.width в голове также не помогает, потому что андроиды возвращают неверную ширину, если перед этим не объявляется мета-вьюпорт.
Кто-нибудь знает, как обнаружить таблетки в голове или добиться желаемых результатов.