Комментарии 15
К фоновым же изображением такой способ применить нельзя.
Почему нельзя? Можно же заюзать,
div {
background-size: 100% auto;
}
и фон при уменьшении ширины будет пропорционально уменьшаться по высоте. Только IE 8 и ниже не поддерживают.
У вас яблочко похоже на грушу :)
background-size: cover;
-moz-background-size: cover; /* Firefox 3.6 */
Порядок неверный. Свойство без префикса должно быть последним.
В хроме[Версия 22.0.1229.94] левый отступ становится больше правого:
я так понимаю, автор топика ВНЕЗАПНО узнал про
и всё? оО
background-size: cover
и всё? оО
Использование background-size может значительно понизить скорость рендеринга страницы во всех браузерах, всегда стоит помнить об этом и по возможности использовать другие методики для «ресайза» изображений на стороне клиента
НЛО прилетело и опубликовало эту надпись здесь
SVG в фон и не страдать фигнёй.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Адаптивные фоновые изображения