版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_38373006/article/details/79993607
下午遇到测试提出的问题，安卓手机点击图片可以全屏展示，但苹果手机点击无反应，一开始想的是使用图片点击事件，后更改思路使用lightbox插件，实现点击图片重新渲染全屏适应展示
其中有小坑，下面解释
1，引入CSS以及JS
若没有此两个文件，到官网下载即可http://www.lokeshdhakar.com/
2，在html中的dom操作为
小坑在这里:
平常正常显示图片的代码为例如：
<img ng-src="{{back.file_url}}"/>（使用的为angularjs框架）
但若使用Lightbox插件，必须先在外围包裹a标签，并使用data-lightbox
<a href = "{{back.file_url}}" data-lightbox="back{{$index}}">
<img ng-src="{{back.file_url}}"/>
</a>
其中data-lightbox的值随意就可以，但唯一不重复（若为组图片可用统一名称）
此外 注意js和css引入的位置，以及是否有数据后渲染问题