Как убрать строчку из html кода для определенного разрешения эрана?

Question

[Dmitry Buravtsov]

Подскажите возможно ли убрать или изменить строчку

<meta name="viewport" content="width=device-width, initial-scale=1.0">

для определенного разрешения экрана. Например для 1024-768px все адаптивно, потом нужно чтобы весь сайт умещался по всему экрану, а потом например с 480px опять адаптивно.

Answer 1

[Dmitriy Mozgovoy]

В JS разрешения хранятся в переменных screen.width и screen.height...
Ну, например вспомнить о старом добром document.write() . Запихнуть скрипт в head

<script type="application/javascript">
        if(screen.width<1024 && screen.height<768){
           document.write('<meta name="viewport" content="width=device-width, initial-scale=1.0">');
        }
    </script>

Comments

[Dmitry Buravtsov]

спасибо!

Answer 2

[Dokuro Тян]

MEDIA QUERY?

habrahabr.ru/post/198292

Answer 3

[Dmitry Buravtsov]

нет, вопрос не как адаптировать. А как при определенном разрешении убрать строчку

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments

[Andrew]

$('meta[name=viewport]').remove();