Viewport не работает

Question

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

Мой дизайн составляет около 500 пикселей в ширину (и я не хочу, чтобы он уменьшался, поэтому я хотел бы, чтобы сайт «увеличивал масштаб» до тех пор, пока весь дизайн не будет соответствовать странице, если ширина пользователей ниже 500 пикселей), поэтому оптимально я хотел бы сделать что-то вроде этого:

<meta name="viewport" content="width=500"> 

или:

<meta name="viewport" content="width=device-width; height=device-height" /> 

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

Что я могу сделать?

Answer 1

Если я правильно вас понимаю, вы хотите, чтобы страница была увеличена до области просмотра и не реагировала (т. Е. Выглядела так же, как на более крупном устройстве, но отображалась меньше). В этом случае только удалите все метаданные в viewport - мобильные устройства автоматически сделают масштабирование.