gpt4 book ai didi

html - 如何在 ul、li 标签中保留 img 元素的纵横比?

转载 作者:行者123 更新时间:2023-11-28 11:01:29 26 4
gpt4 key购买 nike

当用户在他/她的手机上时,图像会变形,宽度会改变,但高度不会。

我不确定我到底应该改变什么,我尝试添加一个最大高度,但它似乎并没有像我想象的那样工作。

我还想指出,我正在使用 CSS Bootstrap。

<ul style="position: absolute; max-width: 625px; list-style-type: none; margin: 0 auto;" class="username">';
<li style="list-style-type: none; margin:0; padding:0;">
<img style="height: 360px" class="img-thumbnail" src="filename" />
</li>
</ul>

最佳答案

看来你只是在定义高度,尝试将其更改为:

<ul style="position: absolute; max-width: 625px; list-style-type: none; margin: 0 auto;" class="username">';
<li style="list-style-type: none; margin:0; padding:0;">
<img style="height: 360px; width: 360px (or however wide your image is)" class="img-thumbnail" src="filename">
</li>
</ul>

自闭合标签在 HTML5 中不再有效,所以我也删除了它

关于html - 如何在 ul、li 标签中保留 img 元素的纵横比?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22420886/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com