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

Question

我想知道是否可以更改锚标记中引用的图像的大小。我正在使用媒体查询，一旦设备宽度低于 481 像素，我希望单击 a-tag 时显示的图像比原始图像小一定大小...图像在 jquery 灯箱功能中弹出...

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

一个如何改变大小originalImage.jpg？使用 CSS 或 JS……最好使用 CSS。

Answer 1

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

1. JavaScript：只需href根据屏幕大小更改锚标记的属性。
2. CSS：有 2 个带有 2 个不同图像的锚标签，并根据媒体查询一次显示/隐藏其中 1 个。