Полная ширина, отзывчивое верхнее изображение - PullRequest
0 голосов
/ 11 февраля 2012

Я пытаюсь создать заголовок с изображением, которое соответствует размеру экрана, например: http://appex.no/referanser

Есть идеи, как они это сделали?

1 Ответ

4 голосов
/ 11 февраля 2012
<div id="banner" style="width:auto;overflow:hidden;">
<img src="..." style="width:100%;" />
</div>

должно работать;тогда div остается автоматическим для адаптивных макетов, и img принимает размер родительского div

, они удаляют изображение с чем-то вроде:

@media handheld, only screen and (max-width: 400px){ 
   div#banner { display:none; 
}

(просто используется inline для демонстрациино может быть классом конечно)

...