我试图达到和格林先生一样的结果:
图像保持其纵横比,并根据高度/宽度动态缩放。有两个单独的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
任何帮助都会非常感激!