我想知道是否可以更改 anchor 标记中引用的图像的大小。我正在使用媒体查询,一旦设备宽度低于 481px,我希望当您单击 a-tag 时显示的图像比原始图像小一定尺寸...图像在 jquery lightbox 函数中弹出...
<a href"/images/originalImage.jpg">Image 1</a>
如何改变 originalImage.jpg
的大小?使用 CSS 或 JS ... 最好使用 CSS。
最佳答案
我可以想到 2 个解决方案:
- JavaScript:只需根据屏幕大小更改 anchor 标记的
href
属性即可。 - CSS:有 2 个 anchor 标记和 2 个不同的图像,并根据媒体查询一次显示/隐藏其中的 1 个。
关于javascript - 更改 anchor 标记中引用的图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12037765/