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

问题描述

问 题

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" />吗？谢谢！

解决方案

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

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

这篇关于javascript - 移动端禁止缩放的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！