Добрый день.
При помощи
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=597');
должен заменяться параметр content в viewport в коде
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<style>
.d1
{
width:100px;
height:100px;
background-color:green;
color:white;
font-size:xx-large;
}
.d2
{
display:inline;
}
.d3
{
display: none;
}
@media (max-width: 596px) {
.d2
{
display: none;
}
.d3
{
display: inline;
}
}
</style>
<script>
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=597');
</script>
</head>
<body>
<div class="d1"><span class="d2">ПК <script>document.write(screen.width);</script></span><span class="d3">Моб <script>document.write(screen.width);</script></span></div>
</body>
</html>
В IE11, Chrome для ПК (включая переключение по F12), мобильной версии Samsung отображается "ПК", т.е.
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=597');
отрабатывается.
А мобильный Chrome упоно показывает "Моб", как будто
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=597');
не существует.
Есть ли подобный код, который работает и в мобильном Chrome?
Заранее благодарен за ответ.