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

2023-02-24    分類： 網(wǎng)站建設(shè)

大家都知道，現(xiàn)在是移動互聯(lián)網(wǎng)時代，肯定要非常注重網(wǎng)站手機移動端，自然也要注重移動端的推廣，百度推出了MIP移動網(wǎng)站標準，百度站長工具也推出了移動落地頁體驗工具。
工具在百度站長工具 - 優(yōu)化與維護 - 移動落地頁檢測 如下圖

移動落地頁檢測工具

按照說明，每個賬號每天可以檢測5次，于是我輸入了我們的新聞內(nèi)頁地址進去http://bm7419.com/news/185419.html，發(fā)覺檢測結(jié)果是：
我的檢測結(jié)果是：您的頁面可能存在圖片不可全屏查看，全屏查看后不可縮放/左右滑動的問題，影響落地頁體驗
沒想到還有這個要求，一下子把我搞蒙了，解釋是圖片是網(wǎng)站中比較重要的元素，而移動端的屏幕大小有限，所以做好圖片良好展示是非常重要的一環(huán)，所以才有這個要求。

話說回來，如何解決呢？創(chuàng)新互聯(lián)通過查找資料有以下兩種方式可以解決：
1、如果你的網(wǎng)站是MIP的，組件標簽內(nèi)部添加popup屬性就可以，例如：。
2、如果你的網(wǎng)站不是MIP的，或者是響應(yīng)式自適應(yīng)網(wǎng)站，則比較麻煩，需要通過JS插件fancybox實現(xiàn)。

JS頁面代碼如下：
移動落地頁檢測通過
改進后重新檢測下，發(fā)覺檢測通過了，如下圖所示：

當前文章：移動落地頁檢測圖片不可全屏查看，全屏查看后不可縮放/左右滑動的問題的解決辦法
文章出自：http://bm7419.com/news/239355.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、搜索引擎優(yōu)化、外貿(mào)建站、電子商務(wù)、品牌網(wǎng)站建設(shè)、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化