Форум → Разработка → Клиентская сторона → Верстка и оформление → Flexible image
Flexible image
-
20 января 2012 г. 15:13, спустя 4 минуты 23 секунды
Есть ли CSS решение?
есть только для бэкграунда, но с одним условием изображение должно быть максимально большим, в идеале макс. разрешение экрана =< макс.разрмеру картинки.Спустя 18 сек.на js вообще проблем не вижу. -
20 января 2012 г. 15:18, спустя 4 минуты 29 секунд
<div style="position:fixed; top:0; right:0; bottom:0; left:0;">
<img src="image.jpg" style="width:100%; height:100%;" />
</div>
но лучше height у картинки убрать, иначе непропорционально будет ресайзиццоВысокоуровневое абстрактное говно -
20 января 2012 г. 15:46, спустя 27 минут 51 секунду
Stasovsky, круто, спасибо, но не работает в мобильном браузере (iPhone) - всегда отображается пропорционально ))) -
20 января 2012 г. 15:48, спустя 1 минуту 57 секунд
значит height не понимает)) по-моему даже хорошо))Высокоуровневое абстрактное говно -
20 января 2012 г. 16:03, спустя 15 минут 1 секунду
значит height не понимает
ага, все равно спасибо, попробую джаваскриптом… -
20 января 2012 г. 17:06, спустя 1 час 3 минуты 4 секунды
kostyl, а если ему добавить в свойства !important ? То есть style="width: 100% !important; height: 100% !important;". Проверить не могу, ибо, как сегодня прочитал, из Apple у меня только компот на кухне :) -
-
21 января 2012 г. 14:02, спустя 17 часов 4 минуты 39 секунд
код ф студиу, мб че полезное для себя узнаю))Высокоуровневое абстрактное говно -
21 января 2012 г. 14:46, спустя 44 минуты 43 секунды
function resize(w, h) {
var source = document.getElementById("source");
source.width = w;
source.height = h;
}
остальное все снаружи делается ))) я же не для web… -
21 января 2012 г. 18:09, спустя 3 часа 22 минуты 4 секунды
тю блин…Высокоуровневое абстрактное говно -
21 января 2012 г. 21:39, спустя 3 часа 30 минут 24 секунды
Stasovsky, у меня есть компонент веб-вью и при изменении его размеров я вызываю в нём эту функцию…. можно было бы просто сделать цсс если бы можно было ))) -
Пожалуйста, авторизуйтесь, чтобы написать комментарий!