Изменить размер div с соотношением сторон, чтобы соответствовать содержанию изображения CSS

Question

Изменить размер div с соотношением сторон, чтобы соответствовать содержанию изображения CSS

0

Привет, у меня есть div, и в качестве фона у меня есть изображение с шириной 1920 пикселей и высотой 1200 пикселей. divs имеют ширину 100% и window.innerHeight на документе готовы;

В фоновых изображениях css следующее правило: background-size: 100% auto !important; Important background-size: 100% auto !important; так что они реагируют

То, что я хотел бы сделать, основан на window.resize, вычисляет новую высоту для элемента div и устанавливает его так, чтобы он соответствовал высоте css background-images.

Syd 12 нояб. 2013, в 13:38

Источник

Теги:

javascript

jquery

css

css3

2 ответа

0

Если я понимаю вас правильно, вам не нужны js

background: url(../img/image.png) no-repeat center top fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

Max 12 нояб. 2013, в 11:10

Ещё вопросы

equinox · Accepted Answer · 2013-11-12T10-25-00.000Z

newHeight = (1200 * divWidth) / 1920