用户体验团队QUX在为国内一知名比特币交易网（为该项目保密）提供web前端开发领域服务的过程中碰到一个问题 — 在移动浏览器设备中点击文本输入框时，页面会自动放大，这里以ios苹果系统ipad为例 ，点击文本框，页面会小幅放大，让用户直观的感受到目前受重点。虽说这是一个提高用户体验之举，但是实际情况是 ，很多客户会将此问题视为一个BUG。

而经过QUX团员反复测试，也一致认为，这是一个在用户体验上画蛇添足之举，既然让太多客户认为是BUG，那足以这个体验还不成熟，所以我们选择的方法是将其效果去掉。

这里只需要禁止让用户缩放代码就行了，蓝狮注册通过一行meta代码即可实现：

但是问题又来了，考虑项目本身设计的宽度是640px为了更好的兼容浏览器设备，我们将其宽度固定，这样的好处是很多移动设备对不定宽的手机页面的解析是不一样的，所以默认打开的样子呈现不同的样式，从而导致兼容性问题。定宽的写法是：

但是定宽似乎和禁止缩放两者不可兼得，必须舍弃之一，蓝狮官网于是大量翻阅资料，最终找到了标准的写法。

这个代码即可实现页面定宽，和禁止缩放（解决点击输入框，页面放大的问题），问题完美解决。

我们欢迎更多的项目与切图网强强合作。切图网始终专注高品质web前端技术领域服务研究，请致电：4000-724-120

标签：QUX, 移动Web开发, 网页缩放