首页 > 移动端禁止缩放的问题。

移动端禁止缩放的问题。

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" />吗?谢谢!


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

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

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

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

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


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

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

【热门文章】
【热门文章】