Я хочу применить метатег только для мобильных устройств, а не для планшетов. Цель состоит в том, чтобы уменьшить масштаб страницы в мобильных устройствах. Я получил условие ниже, но проблема заключается в том, что он также применяется на планшете, так как есть и Android-планшеты.Автоматическое обнаружение только мобильного браузера (через user-agent?) Not tablet
<script>
if(navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)) {
document.write('<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.25" />');
}
</script>
Я знаю, что это старый вопрос, но я не могу найти релевантный ответ.
Я думаю, что вы собираетесь об этом неправильный путь. Я бы посмотрел на то, чтобы ваш сайт действительно реагировал на css. Проверьте загрузочную сетку с бутстрапом – IanS
Мы сделали сайт отзывчивым до таблеток, но у нас есть другой сайт для мобильных устройств, поэтому я хочу уменьшить страницы только для мобильных устройств. – Praveen