首页 > 软件开发 > HTML >

手机端点击一张图片会自动放大的处理方式

来源:互联网 2023-03-16 19:15:41 280

最近在进行一个手机端的项目的时候快到交付的时候突然之间测试和我说所有的IMG图片点击都会进行自动放大,所以就找了一些处理方式YDx办公区 - 实用经验教程分享!

工具/原料

  • HUILDER
  • 一个手机端项目

方法/步骤

  • 1

    当我们正常构建的一个手机页面的时候,肯定会用到很多的IMG图片来进行一定的元素渲染,让页面看起来更加的好看YDx办公区 - 实用经验教程分享!

    手机端点击一张图片会自动放大的处理方式YDx办公区 - 实用经验教程分享!

  • 2

    于是在我们书写代码的时候的就会直接使用Img这个属性进行一个引入图片操作,这样子进行直接的使用在手机端就会出现点击图片本来是要触发事件的最后点击之后图片自动就放大了,这是极度不好的用户体验效果YDx办公区 - 实用经验教程分享!

    手机端点击一张图片会自动放大的处理方式YDx办公区 - 实用经验教程分享!

  • 3

    处理方式一:把用到的IMG的属性全部转换成背景进行使用,这样也可以进行一个有效的处理方式YDx办公区 - 实用经验教程分享!

    手机端点击一张图片会自动放大的处理方式YDx办公区 - 实用经验教程分享!

  • 4

    处理方式二:那就是给img标签加上一个属性【pointer-events: none;】这样子也可以有效的进行处理YDx办公区 - 实用经验教程分享!

    手机端点击一张图片会自动放大的处理方式YDx办公区 - 实用经验教程分享!

  • 5

    好了,以上就是针对这个问题的处理方式了,本人亲测有效,各位看官如果有疑问欢迎留言指教!YDx办公区 - 实用经验教程分享!

    手机端点击一张图片会自动放大的处理方式YDx办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 注意事项

    • 这个问题并不是说所有的机型都会出现
    • 代码严谨一点还是没有坏处的

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!YDx办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码