下午遇到測試提出的問題，安卓手機點選圖片可以全屏展示，但蘋果手機點選無反應，一開始想的是使用圖片點選事件，後更改思路使用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引入的位置，以及是否有資料後渲染問題