javascript - 移动端禁止缩放的问题。
PHP中文网
PHP中文网 2017-04-11 10:22:41
[JavaScript讨论组]

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

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
高洛峰

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1, maximum-scale=1">

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

高洛峰

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

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

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号