我有肖像图像,我想以相同的比例放入 DIV 标签中。 您可以在下面的链接中找到示例图片
最佳答案
如果想保持 DIV 的高度和宽度并使图像适合 DIV,同时保持图像比例,那么您的代码已经这样做了。
参见 jsfiddle添加的边框显示图像如何不会变大,因为它已经填充了父 DIV 高度。
如果您想更改它以便 DIV 高度对图像属性使用react,请删除 DIV 高度并添加以下 img 规则:
img {width: 100%; height: auto;}
这将在保持图像比例的同时填充父容器的宽度,DIV 高度将自动使用react以适应图像。
示例 2:jsfiddle
关于html - 如何在html标签中显示适合DIV的肖像图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31336551/