移动端禁止缩放的问题。

Question

http://www.17sucai.com/pins/demoshow/4857，我在网上看到了一个移动端焦点图，想要放到自己的页面中由于是移动端加了<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />，但是http://www.17sucai.com/pins/demoshow/4857中的没有加<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />，我加了禁止缩放后http://www.17sucai.com/pins/demoshow/4857就放大了没有效果，请问现在是必须自己把焦点图的尺寸调一下再放<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />吗？谢谢！

Answer 1

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

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

Answer 2

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

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

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

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

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