Как сделать, чтобы не применялась адаптивность?

Question

[Web_junior]

Нужно, чтобы не применялась адаптивность к странице.
Использую такой скрипт:

$('head').append('<meta name="viewport" content="width=1300px, initial-scale=0, user-scalable=1">')

Но всё равно, сужаю страницу и всё едет...

Comments

[Никита Ермиличев]

можно убрать медиа стили

media screen and (max-width:600px)
{
// всё, что внутри, применяется только для экранов
// с шириной 600 и меньше пикселей.
}

А можно задать основному контейнеру минимальную ширину через important

Удаляете ли уже существующий name="viewport"?

Answer 1

[Web_junior]

Всё, я разобрался ).
Решил проблему так:
body { min-width: 1300px;}

Answer 2

[Сергей Горячев]

https://html5.by/blog/viewport-meta-tag/

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Такие значения используют в случае, если сайт будет использоваться и функционировать как мобильное приложение. Т.е
при загрузке страницы она не будет смасштабирована
страница займет всю ширину мобильного браузера
запрещено любое пользовательское масштабирование
доступен только горизонтальный и вертикальный скролл

В вашем случае

<meta name="viewport" content="width=1300px, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">