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

Question

我想知道是否可以更改锚标记中引用的图像的大小。我正在使用媒体查询，一旦设备宽度低于481px，我希望当您点击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个。