2014-10-21 1 views
0

Я пытаюсь получить изображение CSS для масштабирования в зависимости от размера браузера и поддерживать его соотношение по высоте: ширина, однако, я особенно плохо отношусь к программированию на сайте, и на данный момент я ' ve сделал огромный беспорядок кода. Мое изображение прекрасно сочетается с пропорциями на моем компьютере, но независимо от того, что я, кажется, делаю, это не масштабируется, когда я проверяю на большом экране все, что я получаю, это то же самое изображение с огромным разрывом на дне. Я бы предоставил свой код, но, как я уже сказал, он стал довольно грязным. Какие-либо предложения?Масштабирование изображения CSS на фоне высоты

+0

доли вашего HTML и CSS –

+0

Добра пожаловать к переполнению стека! Хороший способ задать js и css вопрос - использовать http://fiddle.jshell.net/. таким образом вам будет легче помочь. –

ответ

0

использование

background-size: cover; 

будет масштабировать изображение с помощью окна

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

+0

Вот пример JSFiddle для игры. Единственными важными стилями фона являются размер фона: обложка; и background-position: bottom right ;. Остальная часть CSS предназначена только для стилизации. Вы можете использовать этот метод для полноразмерного фона или применить его к div на своей странице. Также попробуйте max-width: 100%; height: auto; - http://jsfiddle.net/TalkingRock/p834kjpd/ – Talkingrock

 Смежные вопросы

  • Нет связанных вопросов^_^