背景图片填充空间左右容器右侧,保持纵横比

时间:2014-07-15 14:22:04

标签: css background-image aspect-ratio

我试图达到和格林先生一样的结果:

https://www.mrgreen.com/

图像保持其纵横比,并根据高度/宽度动态缩放。有两个单独的div / images,以避免加载不必要的巨大文件。我一直试图在CSS中完成这个,但不确定是否有解决方案。在上面的页面上似乎有一个功能在起作用。是否有人知道如何实现这一目标?

我尝试了很多不同的CSS组合,例如:

 <div style="min-height: 100%; min-width: 31%;">
 <img style="height: auto; min-height: 100%; float: right; min-width: 31%; width: auto;" > src="/common/images/RightBackground.jpg">
 </div>

就像我尝试过的那种事情的一个例子。有任何想法吗???试图通过谷歌找到这一点几乎是不可能的。这是我最好的选择:

Stretch and scale CSS background

任何帮助都会非常感激!

0 个答案:

没有答案