如何在不同屏幕尺寸的页面上调整图像大小？

作者: 爱我真好
发布时间: 2024-12-14 03:21:52 (1月前)
转自：

2 条回复

0#
回复此人
逆转的风 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你的CSS中有几个错误 - 主要是媒体查询。它应该是 <code> min-width </code> ，因为您希望屏幕尺寸发生变化的<strong> 以上 </强> 2000像素。 </p> <pre> <code> @media (min-width: 2000px){ .amenajari_interioare_css { width: 20%; } } </code> </pre> <P> 你应该做的另一件事是： </p> <pre> <code> .amenajari_interioare_css img{ margin-top: 5px; margin-bottom: 1px; width: 100%; height: auto; border: 1px solid black; border-radius: 16px; } </code> </pre> <P> 设置 <code> height </code> 至 <code> auto </code> 或者如果您没有完美的方形图像，否则该图像将被拉伸。 </p> </DIV>

编辑

登录后才能参与评论