Comments 15
К фоновым же изображением такой способ применить нельзя.
Почему нельзя? Можно же заюзать,
div {
background-size: 100% auto;
}
и фон при уменьшении ширины будет пропорционально уменьшаться по высоте. Только IE 8 и ниже не поддерживают.
+15
У вас яблочко похоже на грушу :)
+5
background-size: cover;
-moz-background-size: cover; /* Firefox 3.6 */
Порядок неверный. Свойство без префикса должно быть последним.
+12
В хроме[Версия 22.0.1229.94] левый отступ становится больше правого:
![image](https://habrastorage.org/r/w1560/storage2/f43/cbd/728/f43cbd728af62b74c3489ab2d910d51d.png)
![image](https://habrastorage.org/storage2/f43/cbd/728/f43cbd728af62b74c3489ab2d910d51d.png)
0
я так понимаю, автор топика ВНЕЗАПНО узнал про
и всё? оО
background-size: cover
и всё? оО
+8
Использование background-size может значительно понизить скорость рендеринга страницы во всех браузерах, всегда стоит помнить об этом и по возможности использовать другие методики для «ресайза» изображений на стороне клиента
+2
UFO just landed and posted this here
SVG в фон и не страдать фигнёй.
-1
Sign up to leave a comment.
Адаптивные фоновые изображения