Я попытался решить мою проблему, выполнив различные вопросы, уже опубликованные, но я не нашел того, что сделано для моего
Я создаю свой новый сайт, используя "отзывчивую" технику, и теперь мне не хватает всего одной мелочи:
Я вводил внутри DIV фоновое изображение. DIV должен иметь ширину 100% для заполнения всей страницы, и я должен убедиться, что высота DIV, содержащая изображение, будет автоматически изменяться при изменении размера страницы.
Если вы хотите, чтобы изображение сохраняло ширину и высоту содержащего div, используйте:
background-size: 100% 100%;
Изображение исказится, но вы можете не возражать.
Если вы хотите, чтобы фон был какой-либо частью изображения, достаточным для охвата всего div при изменении области просмотра, используйте:
background-size: cover;
Если вы хотите, чтобы все изображение было в фоновом режиме с правильным соотношением сторон, используйте:
background-size: contain;
В этом случае изображение может быть разбито на разделы для покрытия div.
HTML
<div id="thediv"></div>
CSS
html, body {
height: 100%;
}
#thediv {
height: 100%;
background-image: url(http://i.imgur.com/MabCTXH.jpg);
background-size: 100% 100%;
}
Это то, что вы ищите? Я просто добавил padding: 5px;
и background-color: red;
поэтому op может видеть, что div на 100% широк и отзывчив, а также изображение http://jsfiddle.net/hyKCa/1/
background
css. Пока код не будет опубликован, мы не узнаем.