Фиксированный информационный блок для отображения в браузере телефона
 

Доброго дня!
Есть блок с css свойствами:

.block {
	width:100%;
	background:#ffe45c;
	opacity:0.9;
	height:20%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
}

Отображаться будет только на моб. устройствах, мобильной версии сайта нет.

Внутри блока будет текст и картинка.

Вопрос в следующем. При масштабировании окна браузера (увеличении) этот блок увеличивается вместе с контентом. Причем это происходит всё не плавно, не красиво. Можно ли как-то поставить запрет на увеличение этого блока? Чтобы его содержимое оставалось неизменным в плане масштаба? Спасибо!

Rise,
это не повлияет на масштабирование.
Можно запретить зум на всем сайте, либо пробовать отлавливать текущий зум и соответственно скейлить этот блок, но это уже труднее.

Спасибо за советы! Пока остановились на динамическом изменении всех составных частей этого блока, в зависимости от его ширины и высоты. Косяки есть конечно, не работает так хорошо, как хотелось бы... Но уже что-то...

что это означает? Тестовый пример в песочнице можете сделать?