试图找出一种可以将肖像和风景图像调整为视口大小的方法,其中包括最大高度和最大宽度场景.
只要宽度不超过1050px,图像应保持100％宽度.另一个限制因素是图像的高度最多为800px.因此,无论哪个是“真实的”首先应该限制图像的大小.
如果我设置max-width：1050px和max-height：800px;那么图像的纵横比就搞乱了. (如下面的演示所示).还有一个问题是图像宽度将比实际图像宽(836px宽度的肖像图像将高档到1050px).这可以用CSS控制吗？
最佳答案
您可以使用CSS3 viewport units来实现这一点,尽管actual browser support仍然有点受限.
