Как я могу сделать так, чтобы мой мобильный сайт фиксированной ширины всегда отображался как «полностью увеличенный»?

Question

как я могу сделать так, чтобы мой сайт фиксированной ширины всегда отображался "полностью увеличенным" в браузерах webkit (iphone и android)?

прямо сейчас, он отлично выглядит на iPhone и «слишком мал / уменьшен» на телефонах Android с более высоким разрешением.

я пытаюсь это окно просмотра:

 <meta name="viewport" content="user-scalable=yes, width=device-width, target-densityDpi=device-dpi, initial-scale=1.0" />

Answer 1

Следующее сработало для меня. Страница сокращается для устройств средней и низкой плотности. В Android 2.2 есть некоторые проблемы с обработкой метатегов.

<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi" />

Answer 2

Попробуйте изменить число «initial-scale = x.x», пока оно не будет выглядеть правильно:

 <meta name="viewport" content="user-scalable=yes, target-densityDpi=device-dpi, initial-scale=1.6" />