今天用bootstrap謝了個預約的功能，需要從跳出一個模態框，輸入用戶信息。
完成功能后放到手機上發現在點擊輸入框的時候，系統會自動放大界面。輸入結束后又縮小回去。
這個設計倒是蠻貼心的，但是實現的有些問題，在縮小的時候跟我原本狀態的大小不一樣。而且整個變化的過程也很不流暢，用戶體驗很不好。
最難以忍受的是在使用select控件進行選擇操作時，整個界面極度扭曲。操作完界面大小完全跟原來不一樣，導致用戶必須手動縮小屏幕才能繼續操作。
在網上搜了一下，只看到一篇文章提出了這個問題，還沒有人解答。（估計我搜的關鍵字不在點子上）
后來我想，只要關閉屏幕手動放大縮小的功能，這個問題就應該能解決了。
於是在index里加了相應的代碼：
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
果然問題完美解決。
次日更新：
今天仔細查看bootsrap官方文檔發現，人家在顯著位置就提示了，移動設備優先的話要加入這段代碼，只不過之前看文檔的時候只關注功能如何實現，對這些細節的問題毫不在意，所以之前看文檔直接忽視這條信息，知道自己遇到了類似的問題，才關注相關的信息。自己給自己挖坑啊。
所以今后看文檔一定要仔細，耐心。切記，切記。