javascript - 移动端禁止缩放的问题。

 mobiledu2502876027 发布于 2022-11-13 21:55

http://www.17sucai.com/pins/demoshow/4857,我在网上看到了一个移动端焦点图,想要放到自己的页面中由于是移动端加了,但是http://www.17sucai.com/pins/demoshow/4857中的没有加,我加了禁止缩放后http://www.17sucai.com/pins/demoshow/4857就放大了没有效果,请问现在是必须自己把焦点图的尺寸调一下再放吗?谢谢!

2 个回答
  • 你问得有点乱啊。不明白你想要什么结果,只能尝试回答一下

    head中加入如下标签,是为了让页面尺寸等于设备的宽度,不至于有太过夸张的缩放,不适合阅读

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

    你的问题,可能在于一个适配问题,比如在iPhone6 plus中,设备宽度只有414px,如果你的图片宽度很大,那么你就需要使用@media的方式来调整你的布局,改变图片的大小,才能达到你想要的效果。

    所以建议你去尝试练习一下一个页面从pc端到宽度最小为320px的移动端的适配,就应该很清楚这个问题了。

    2022-11-13 23:19 回答
  • <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1, maximum-scale=1">

    试试这个,先说好,不一定能解决你的问题。

    2022-11-13 23:19 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有