Адаптивные фоновые изображения

[@zapimir]

К фоновым же изображением такой способ применить нельзя.

Почему нельзя? Можно же заюзать,

div {
     background-size: 100% auto;
}

и фон при уменьшении ширины будет пропорционально уменьшаться по высоте. Только IE 8 и ниже не поддерживают.

[@adseipsum]

костыль*

[@shsmad]

У вас яблочко похоже на грушу :)

[@vvzvlad]

Это pear computers.

[@Newbilius]

ithappens.ru/story/9847 :)

[@bolk]

  background-size: cover;
 -moz-background-size: cover;  /* Firefox 3.6 */

Порядок неверный. Свойство без префикса должно быть последним.

[@kost]

Ждал этот комментарий от pepelsbey.: )

[@toptalo]

В хроме[Версия 22.0.1229.94] левый отступ становится больше правого:

[@walkman7]

ну так уберите margin
{margin: 0;}

[@quintus]

я так понимаю, автор топика ВНЕЗАПНО узнал про
background-size: cover
и всё? оО

[@TuTbaker]

Использование background-size может значительно понизить скорость рендеринга страницы во всех браузерах, всегда стоит помнить об этом и по возможности использовать другие методики для «ресайза» изображений на стороне клиента

[@Aux]

SVG в фон и не страдать фигнёй.