国产精品一区二区三区……-大杳蕉伊人欧美一本遒在饯-日本不卡一区免费在线观看-国产亚洲欧美中文字幕

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

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

發(fā)表日期:2019-10-11 15:51:54   作者來源:方維網絡   瀏覽:13558   標簽:移動端網站開發(fā)    
大家都知道,現(xiàn)在是移動互聯(lián)網時代,肯定要非常注重網站手機移動端,自然也要注重移動端的推廣,百度推出了MIP移動網站標準,百度站長工具也推出了移動落地頁體驗工具。

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

移動落地頁檢測工具

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

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

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

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

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

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

JS頁面代碼如下:



改進后重新檢測下,發(fā)覺檢測通過了,如下圖所示:

移動落地頁檢測通過

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

如沒特殊注明,文章均為方維網絡原創(chuàng),轉載請注明來自http://pdcharm.com/news/5359.html
泰顺县| 宜黄县| 霍州市| 额尔古纳市| 会同县| 九龙县| 临泽县| 辽宁省| 蛟河市| 渑池县| 莱阳市| 福清市| 舞钢市| 义乌市| 高碑店市| 静安区| 苏尼特左旗| 富民县| 永平县| 射洪县| 静安区| 吴旗县| 新余市| 南投县| 烟台市| 武功县| 罗源县| 鲁甸县| 安平县| 灌云县| 宝鸡市| 扎鲁特旗| 子长县| 高台县| 东丽区| 松原市| 安陆市| 陆川县| 西昌市| 道孚县| 德阳市|