Я пытаюсь получить изображение CSS для масштабирования в зависимости от размера браузера и поддерживать его соотношение по высоте: ширина, однако, я особенно плохо отношусь к программированию на сайте, и на данный момент я ' ve сделал огромный беспорядок кода. Мое изображение прекрасно сочетается с пропорциями на моем компьютере, но независимо от того, что я, кажется, делаю, это не масштабируется, когда я проверяю на большом экране все, что я получаю, это то же самое изображение с огромным разрывом на дне. Я бы предоставил свой код, но, как я уже сказал, он стал довольно грязным. Какие-либо предложения?Масштабирование изображения CSS на фоне высоты
0
A
ответ
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
доли вашего HTML и CSS –
Добра пожаловать к переполнению стека! Хороший способ задать js и css вопрос - использовать http://fiddle.jshell.net/. таким образом вам будет легче помочь. –