移動落地頁檢測圖片不可全屏查看，全屏查看后不可縮放/左右滑動的問題的解決辦法

大家都知道，現在是移動互聯網時代，肯定要非常注重網站手機移動端，自然也要注重移動端的推廣，百度推出了MIP移動網站標準，百度站長工具也推出了移動落地頁體驗工具。

工具在百度站長工具 - 優化與維護 - 移動落地頁檢測  如下圖
 

按照說明，每個賬號每天可以檢測5次，于是我輸入了我們的新聞內頁地址進去http://www.f7ave.com/news/4572.html，發覺檢測結果是：

我的檢測結果是：您的頁面可能存在圖片不可全屏查看，全屏查看后不可縮放/左右滑動的問題，影響落地頁體驗

沒想到還有這個要求，一下子把我搞蒙了，解釋是圖片是網站中比較重要的元素，而移動端的屏幕大小有限，所以做好圖片良好展示是非常重要的一環，所以才有這個要求。

話說回來，如何解決呢？方維網絡通過查找資料有以下兩種方式可以解決：

1、如果你的網站是MIP的，<mip-img>組件標簽內部添加popup屬性就可以，例如：<mip-img popup>。

2、如果你的網站不是MIP的，或者是響應式自適應網站，則比較麻煩，需要通過JS插件fancybox實現。

JS頁面代碼如下：



改進后重新檢測下，發覺檢測通過了，如下圖所示：



方維網絡專注于響應式網站建設、移動端網站開發，我們定制的網站不但設計精美，而且適合推廣，可大大減少推廣難度，如有需要的客戶可咨詢我們。