Метаданные Viewport - ширина устройства не работает

Question

Я хочу, чтобы мой сайт witch не был готов для мобильных устройств, чтобы он отображался на всей странице, как в примере в правой части изображения ниже.

В настоящее время это выглядит как пример слева размера, и я не могу заставить его работать так, как я хочу.

Whe ширина сайта 1020 и я использую мета-теги видовых экранов, как:

<meta name="viewport" content="width=1020, initial-scale=1"> 

Но это не работает, и я никогда не видел эту работу на мт устройстве.

Любая идея, как я могу открыть ее так, как я ее хочу открыть? (Уменьшенном)

Answer 1

Если ваш сайт не мобильный дружественным вы не должны вводить initial-scale значения, или удалить мету видового экрана, и вы веб-сайт должен выглядеть, как вы хотите.

Решение 1:

Удалить <meta name="viewport">. Однако я бы не рекомендовал этого, потому что ширина видового экрана по умолчанию на разных устройствах различна, и ваш сайт, вероятно, потеряет прибыль.

Решение 2:

Укажите в <meta name="viewport"> только width, как это: <meta name="viewport" content="width=1020">, это сделает ваш сайт смотреть «Уменьшенном» в правильном направлении на всех устройствах.

Answer 2

Удалите метатег viewport, если ваш сайт не является мобильным. Он будет занимать весь экран, как показано на рисунке справа.