Как сделать HTML5-баннер резиновым, чтобы он растягивался на весь экран?

Question

[somneart]

Коллеги!


Мы столкнулись с задачей сделать баннер на HTML5 не фиксированного размера, а резиновый, чтобы он занимал 100% экрана как по высоте, так и по ширине. Баннер несложный, но нужно, чтобы он нормально выглядел и на разрешении 320х480, и на 1024х768. Разумеется, показываться будет на мобильных устройствах.


Возможно ли вообще такое? И если невозможно, то какие могут быть обходные пути?


Спасибо

Answer 1

[Макс]

SVG?

Comments

[somneart]

SVG не отображается на Андроидах как минимум

[Павел Тысляцкий]

SVG не отображается в дефолтном браузере на андроидах ниже 3.0 (хром для анроида работает) и наверное в IE ниже 9.

Answer 2

[pomeo]

когда-то делал верстку, где дизайн был нарисован в 600px по ширине и его надо было тянуть на любое разрешение, но не просто тянуть, а чтобы всё оставалось на своих местах. Получилось так и комбинация с media queries

Answer 3

[batment]

А javascript'ом вылавливать какой-нибудь onResize и устанавливать баннеру новые размеры вам не подходит?

Comments

[Softlink]

я так понимаю, тут и без js можно обойтись, достаточно @media queries?

[somneart]

При задании переменных в размерах перестает отображаться анимированная графика. А в готовых библиотеках переменные вообще не предусмотрены.