картинки в мобильной опере
 

Не могу решить проблему с картинками в мобильной версии сайта под оперу.

Когда ширина окна становится меньше картинки, опера почему-то не погоняет под размер окна браузера, даже если стоит width:100%

В целом задача: что бы она все картинки в 100% ставили если ширина картинки больше окна браузера.

Как с этой бедой бороться?

Только для 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;
}

Спасибо, я такой вариант не встречал. У меня блочно-адаптивная верстка, сейчас посмотрю.

Кстати, по второму варианту с отключением, может во внутрь медиа поставить, что бы отключать только при ширине окна для мобильных устройств? Если уж такие проблемы с маштабируемостью.