Я имею в виду, есть ли способ добиться такого же эффекта, как если бы я использовал фоновый размер: обложка с фиксированными значениями фонового изображения?Имитировать фон: обложка; с фиксированными значениями?
Я пробовал:
<div class="foo"></div>
.foo {
...
background-size: 100vmax 100vmax;
}
Но, конечно, это не будет сохранять первоначальные пропорции изображения. Есть предположения?
Вы можете использовать это:
background-size: 100% auto;
это для горизонтальных изображений, наоборот для вертикальных изображений.
Но, конечно, это нужно вам знать, если изображение по горизонтали или по вертикали
Вот мой demo
этот ответ и * что-то вроде * в js: '((the_width/the_height)> 1)? load_css_for_horizontal: load_css_for_vertical; 'и его полный. – Sharky
Ответ хороший, но, как вы сказали, я не знаю заранее, если изображение горизонтальное или вертикальное. – sdvnksv
@Sharky Я надеялся на решение только css. – sdvnksv
я не могу понять, что вы спрашиваете :(такой же эффект? Vmax? Что вы пытаетесь сказать? – Sharky
@Sharky OP хочет получить эффект «размер фона: обложка», не используя «обложку». Как и в случае, он охватывает весь элемент, но сохраняет его соотношение. –
Почему вы не можете использовать фоновый размер: обложка ? @JacobGray, размер фона: обложка сохраняет соотношение изображений, или изображение хочет быть на 100% высотой и шириной контейнера, чтобы он не сохранял коэффициент? – Dhunt