問題描述：

有一個(gè)長(zhǎng)按二維碼圖片識(shí)別的需求，代碼是在一個(gè)靜態(tài)頁(yè)面中。在本地測(cè)試的時(shí)候完好，可以長(zhǎng)按二維碼圖片進(jìn)行識(shí)別；但是在部署到線上后發(fā)現(xiàn)，無(wú)論怎么按二維碼圖片都沒有任何反應(yīng)。

分析原因：

經(jīng)排查發(fā)現(xiàn)，是因?yàn)樯暇€后加載了另一個(gè)全局mobile.css樣式文件

img {
    pointer-events: auto !important;
 }

這樣就導(dǎo)致了樣式被覆蓋，鼠標(biāo)點(diǎn)擊事件被屏蔽。但是在本地因?yàn)橹婚_了靜態(tài)頁(yè)面，所以沒有加載mobile.css，不會(huì)被覆蓋。

解決方法：

在img標(biāo)簽中寫入內(nèi)聯(lián)樣式，并加！important（不加仍然會(huì)被全局樣式覆蓋）

<img src="imgs/download_app.png" alt="" style="pointer-events: auto !important;">