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

大家都知道,现在是移动互联网时代,肯定要非常注重网站手机移动端,自然也要注重移动端的推广,百度推出了mip移动网站标准,百度站长工具也推出了移动落地页体验工具。
工具在百度站长工具 - 优化与维护 - 移动落地页检测 如下图
移动落地页检测工具
河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作
按照说明,每个账号每天可以检测5次。
我的检测结果是:您的页面可能存在图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题,影响落地页体验
没想到还有这个要求,一下子把我搞蒙了,解释是图片是网站中比较重要的元素,而移动端的屏幕大小有限,所以做好图片良好展示是非常重要的一环,所以才有这个要求。
河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作
话说回来,如何解决呢?通过查找资料有以下两种方式可以解决:
1、如果你的网站是mip的,组件标签内部添加popup属性就可以,例如:。
2、如果你的网站不是mip的,或者是响应式自适应网站,则比较麻烦,需要通过js插件fancybox实现。
河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作
js页面代码如下:
改进后重新检测下,发觉检测通过了,如下图所示:
移动落地页检测通过
河南网站建设公司价格,品牌型网站建设价格,商城网站建设价格,响应式网站建设价格,河南网站设计制作
专注于响应式网站建设、移动端网站开发,我们定制的网站不但设计精美,而且适合推广,可大大减少推广难度,如有需要的客户可咨询我们。
上一个:关于建官网的一些实用性建议
下一个:临朐网站建设中外观重要还是内容重要
临朐网站建设,临朐做网站,临朐网站设计