防止 img 的图片被手机浏览器的图片查看器打开

问题

近期在制作移动端活动页时遇到一个问题，页面大体由图片组成，只需要按照位置定位上去几个按钮就可以满足需求。

但是页面在 QQ，夸克等浏览器打开时点击按钮或背景图，img 标签会被浏览器的图片查看器所打开。

解决方法

在 img 标签前面包裹一个 a 标签，不让 href 进行跳转。

html

<a href="javascript:;">
  <img class="subject_img" src="@/assets/subject/subject-one.png" alt />
</a>

这样就可以解决 img 被手机浏览器打开的问题了。