今天用bootstrap谢了个预约的功能，需要从跳出一个模态框，输入用户信息。
完成功能后放到手机上发现在点击输入框的时候，系统会自动放大界面。输入结束后又缩小回去。
这个设计倒是蛮贴心的，但是实现的有些问题，在缩小的时候跟我原本状态的大小不一样。而且整个变化的过程也很不流畅，用户体验很不好。
最难以忍受的是在使用select控件进行选择操作时，整个界面极度扭曲。操作完界面大小完全跟原来不一样，导致用户必须手动缩小屏幕才能继续操作。
在网上搜了一下，只看到一篇文章提出了这个问题，还没有人解答。（估计我搜的关键字不在点子上）
后来我想，只要关闭屏幕手动放大缩小的功能，这个问题就应该能解决了。
于是在index里加了相应的代码：
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
果然问题完美解决。
次日更新：
今天仔细查看bootsrap官方文档发现，人家在显著位置就提示了，移动设备优先的话要加入这段代码，只不过之前看文档的时候只关注功能如何实现，对这些细节的问题毫不在意，所以之前看文档直接忽视这条信息，知道自己遇到了类似的问题，才关注相关的信息。自己给自己挖坑啊。
所以今后看文档一定要仔细，耐心。切记，切记。