您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS:在保持宽高比的同时,宽度或高度为100%?

CSS:在保持宽高比的同时,宽度或高度为100%?

如果仅在图像上定义一维,则将始终保留图像长宽比。

图像是否比您喜欢的更大/更佳?

您可以将其放入DIV中,该DIV设置为图像所需的最大高度/宽度,然后设置“ overflow:hidden”。那将收获超出您想要的任何东西。

如果图像的宽度和高度均为100%:自动,并且您认为它太高,那是因为保留了宽高比。您需要裁剪或更改宽高比。

请提供有关您要具体实现的目标的更多信息,我将尽力提供更多帮助!

-–基于反馈的编辑—

您熟悉max-width和max-height属性吗?您可以随时设置这些。如果您没有设置任何最小值,而是设置了最大高度和宽度,则图像将不会失真(将保留长宽比),并且不会大于最长的尺寸并达到最大值。

CSS 2022/1/1 18:14:28 有487人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶