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

标签 javascript css media-queries

我想知道是否可以更改 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/

相关文章:

javascript - 如何在 Symfony 中使用 Composer 包中的 javascript

javascript - 获取div以在Javascript中获取随机值

html - div 内的文本框不会对任何边距或填充更改使用react

Javascript:切换类添加或删除

javascript - 在 JavaScript 中使用正则表达式从字符串中删除斜杠

jquery - CSS3 向上滑动效果

html - 如何在 1 个居中显示 2 个 div

html - IE8 支持 CSS 媒体查询

html - 导航栏(国家图片无响应)

css - 响应式 EDM(HTML 电子邮件)资源/教程?