gpt4 book ai didi

javascript - 保持纵横比自动调整图像大小的更好方法?

转载 作者:太空狗 更新时间:2023-10-29 12:29:29 28 4
gpt4 key购买 nike

我正在使用此代码自动将图像调整为移动页面上的窗口大小:

img {
width:100%;
max-height : auto;
max-width : 480px;
}

我的意图是在小屏幕上以正确的窗口大小显示图像,在保持比例的大屏幕上最大 480 像素显示图像。

但出于某种原因,我不知道当我使用该代码时,图像周围的文本会出现在它后面。

有没有一种方法可以使用另一种方法(如 Java 或 Jquery)来实现此结果并避免此问题?

最佳答案

如果您为移动设备执行此操作,我建议您调整服务器大小以节省下载大小。

关于后面的文本,您是否有更全面的测试用例来显示此 CSS 适用的实际文档?

关于javascript - 保持纵横比自动调整图像大小的更好方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4736113/

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