Только для Opera Mini 6 и более поздние его версии
Действительно, в его настройках по умолчанию , в Opera Mobile ширина документа будет 980px и зум такой, что полностью видно документ.
Чтобы решить эту проблему , мы можем просто определить ширину окна просмотра равной ширине экрана устройства:
<meta name="viewport" content="width=device-width">
или в CSS,
@-o-viewport {
width: device-width;
}
Кроме того, можно полностью отключить масштабирование(чтобы картинка при масштабировании не выежала за область просмотра), но имейте в виду, что масштабирование используется многими людьми . Отключение должно только когда это действительно необходимо , например, для некоторых типов игр и приложений.
<meta name="viewport" content="width=device-width, user-scalable=no">
или в CSS,
@-o-viewport {
width: device-width;
user-zoom: fixed;
}