400-800-9385
網站建設資訊詳細

移動落地頁檢測圖片不可(kě)全屏查看,全屏查看後不可(kě)縮放/左右滑動的(de)問題的(de)解決辦法

發表日期:2019-10-11 15:51:54   作者來(lái)源:方維網絡   浏覽:12794   标簽:移動端網站開發    
大(dà)家都知道,現在是移動互聯網時(shí)代,肯定要非常注重網站手機移動端,自然也(yě)要注重移動端的(de)推廣,百度推出了(le)MIP移動網站标準,百度站長(cháng)工具也(yě)推出了(le)移動落地頁體驗工具。

工具在百度站長(cháng)工具 - 優化(huà)與維護 - 移動落地頁檢測  如下(xià)圖
 

移動落地頁檢測工具

按照(zhào)說明(míng),每個(gè)賬号每天可(kě)以檢測5次,于是我輸入了(le)我們的(de)新聞内頁地址進去/news/4572.html,發覺檢測結果是:

我的(de)檢測結果是:您的(de)頁面可(kě)能存在圖片不可(kě)全屏查看,全屏查看後不可(kě)縮放/左右滑動的(de)問題,影(yǐng)響落地頁體驗

沒想到還(hái)有這(zhè)個(gè)要求,一下(xià)子把我搞蒙了(le),解釋是圖片是網站中比較重要的(de)元素,而移動端的(de)屏幕大(dà)小有限,所以做(zuò)好圖片良好展示是非常重要的(de)一環,所以才有這(zhè)個(gè)要求。

話(huà)說回來(lái),如何解決呢(ne)?方維網絡通(tōng)過查找資料有以下(xià)兩種方式可(kě)以解決:

1、如果你的(de)網站是MIP的(de),<mip-img>組件标簽内部添加popup屬性就可(kě)以,例如:<mip-img popup>。

2、如果你的(de)網站不是MIP的(de),或者是響應式自适應網站,則比較麻煩,需要通(tōng)過JS插件fancybox實現。

JS頁面代碼如下(xià):



改進後重新檢測下(xià),發覺檢測通(tōng)過了(le),如下(xià)圖所示:

移動落地頁檢測通(tōng)過

方維網絡專注于響應式網站建設、移動端網站開發,我們定制的(de)網站不但設計精美(měi),而且适合推廣,可(kě)大(dà)大(dà)減少推廣難度,如有需要的(de)客戶可(kě)咨詢我們。

如沒特殊注明(míng),文章(zhāng)均爲方維網絡原創,轉載請注明(míng)來(lái)自