移动落地页检测图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题的解决办法

2023-02-24    分类: 网站建设

大家都知道,现在是移动互联网时代,肯定要非常注重网站手机移动端,自然也要注重移动端的推广,百度推出了MIP移动网站标准,百度站长工具也推出了移动落地页体验工具。
工具在百度站长工具 - 优化与维护 - 移动落地页检测 如下图

移动落地页检测工具

按照说明,每个账号每天可以检测5次,于是我输入了我们的新闻内页地址进去https://www.cdcxhl.com/news/185419.html,发觉检测结果是:
我的检测结果是:您的页面可能存在图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题,影响落地页体验
没想到还有这个要求,一下子把我搞蒙了,解释是图片是网站中比较重要的元素,而移动端的屏幕大小有限,所以做好图片良好展示是非常重要的一环,所以才有这个要求。

话说回来,如何解决呢?创新互联通过查找资料有以下两种方式可以解决:
1、如果你的网站是MIP的,组件标签内部添加popup属性就可以,例如:
2、如果你的网站不是MIP的,或者是响应式自适应网站,则比较麻烦,需要通过JS插件fancybox实现。

JS页面代码如下:
移动落地页检测通过
改进后重新检测下,发觉检测通过了,如下图所示:

当前文章:移动落地页检测图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题的解决办法
文章出自:https://www.cdcxhl.com/news/239355.html

成都网站建设公司_创新互联,为您提供商城网站搜索引擎优化外贸建站电子商务品牌网站建设网站维护

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

搜索引擎优化