Это окно просмотра идеально масштабируется для iPhone, но ничего не делает правильно, кроме как не позволяет пользователю увеличивать масштаб сайта для телефонов Android.
У сайта ширина 1080 пикселей, как мне правильно уменьшить его до 320 пикселей?
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<meta name="HandheldFriendly" content="true" />
Я бы сказал, используйте css, чтобы решить эту проблему, у меня была та же проблема, и я отсортировал ее с помощью css, это означает, что нужно делать немного больше кодирования css, но я думаю, что это будет ваш более простой вариант в моей работе с IOS и android, мне легче работал с IOS, поскольку они не так далеки от стандартов настольных браузеров, как Android
Попробуйте установить для масштабируемого значения NO, а не 0;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
у меня это обычно работает.
Стив
