我有一个标题,段落和单个图像的页面,可以有非常不同的大小/宽高比.
我希望图像适应,以便它可以填充最大可用高度,或受其宽度限制,而不会失去纵横比,也不会导致滚动.
这是我的基本配置:
angular.module("myApp", ["ngMaterial"]);
Title
Details. Blablabla.
![]()
我看了很多SO帖子,网站,博客等等.我无法弄清楚从哪里开始完成这项工作.关于流体图像或响应图像的大多数文章仅涉及可滚动网页.因此,即使是关于该主题的良好参考也会有所帮助.谢谢.
编辑:更新了剪切使用flex布局.如您所见,图像超出了蓝色div界限.我曾经使用过object-fit="content";或者object-fit="fill";似乎没有人限制图像来尊重div界限
京公网安备 11010802040832号 | 京ICP备19059560号-6 