gpt4 book ai didi

javascript - 更改 anchor 标记中引用的图像大小

转载 作者:行者123 更新时间:2023-11-30 13:15:54 25 4
gpt4 key购买 nike

我想知道是否可以更改 anchor 标记中引用的图像的大小。我正在使用媒体查询,一旦设备宽度低于 481px,我希望当您单击 a-tag 时显示的图像比原始图像小一定尺寸...图像在 jquery lightbox 函数中弹出...

<a href"/images/originalImage.jpg">Image 1</a>

如何改变 originalImage.jpg 的大小?使用 CSS 或 JS ... 最好使用 CSS。

最佳答案

我可以想到 2 个解决方案:

  1. JavaScript:只需根据屏幕大小更改 anchor 标记的 href 属性即可。
  2. CSS:有 2 个 anchor 标记和 2 个不同的图像,并根据媒体查询一次显示/隐藏其中的 1 个。

关于javascript - 更改 anchor 标记中引用的图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12037765/

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