Я хотел растянуть или подгонять свое фоновое изображение с помощью css, поэтому он всегда находится в 100% от ширины и высоты независимо от размера экрана. Это задается много раз, и все предлагают использовать размер фона: 100%, и он будет работать. но использование фонового размера подходит только для ширины моего изображения, а высота все еще обрезана.
Буду признателен, если кто-то может мне помочь.
Thans оченьCSS stretch or fit background image
EDIT:
Вы пробовали background-size: 100%,
, что CSS делает, когда вы делаете это так:
background-size: 100% auto;
То, что вы хотите, это второй аргумент, чтобы быть 100%, так что вы должны сделать это:
background-size: 100% 100%;
END EDIT
Try:
background-size: cover;
Это будет соответствовать ширине или высоте и переливаться остальное
Или:
background-size: contain;
Это позволит сделать изображение большой насколько это возможно, без изменения его формата.
Вы можете прочитать больше о свойстве CSS3 фон размера HERE
Вы можете попробовать:
background: url('Your image URL') 100%;
или
background: url('Your image URL') 100% no-repeat;
Попробуйте это правило CSS:
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center
background-size: cover; // this makes img full-screen (full-width & full-height)
Я попробовал обложку, но проблема lem это соответствует ширине, а высота все еще обрезана, я не хочу сохранять соотношение сторон, и я хочу, чтобы ширина и высота соответствовали независимо от размера экрана. Спасибо – m0j1
Я отредактировал мой ответ немного, но если крышка не то, что вы хотите, размер фона: 100% 100%; должен делать то, что вы хотите? какие у вас проблемы с этим? –
ohh wait Я вижу, что вы сделали неправильно. –