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

[tishka]

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

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

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

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

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

[Rise]

tishka, можно поставить фиксированную ширину.

[tsigel]

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

[tishka]

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

[BETEPAH]

Причем это происходит всё не плавно, не красиво.

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