[問題] 以行動裝置瀏覽bootstrap網頁被放大
標題下的有點怪，因為我還沒找出問題出在哪裡 囧
目前我用bootstrap 3.1.1模板嘗試開發行動網頁，
當然為了也要符合桌機瀏覽的需求，
我打算先以桌機的版面做開發，再開始做responsive。
桌機版面做好後，我將chrome視窗縮放開始做第一層responsive，
結果在桌機上瀏覽均正常，在行動裝置版面就亂掉
http://ppt.cc/7Zx1
（左桌機，右行動裝置，解析度設置的跟行動裝置寬度相同）
很明顯看到在行動裝置上taichung字體過大超出div，導致全部排版都亂掉，
但我一直不解的是為何同解析度下在行動裝置上卻會出問題。
一開始我以為是字型px和pt的問題，嘗試過後無效。
viewport設置應該也沒問題，如下：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
後來我發現在電腦上把網頁縮放到200%，看起來就跟行動裝置上出的問題一樣。
看來是網頁到了行動裝置上都被放大兩倍了，ios和android皆測過都有同樣問題。
目前仍找不到問題出在哪，我也懷疑是不是bootstrap做了什麼responsive，
但回頭苦看原始碼仍看不出個所以然QQ
麻煩各位了，謝謝><
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.35.82.187
推
03/09 04:32, , 1F
03/09 04:32, 1F
感謝你的回覆，不過好像不是分號的問題，
我發現分號和逗號兩種都有人用，並且我試過都沒有任何問題。
目前我大概找到原因，但還無良好解決方案：
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
參見A pixel is not a pixel那段。
大致上是原本設定的px在裝置上會被放大1.5倍，
我回頭設定initial-scale=0.66，果然跟電腦呈現的版型一模一樣。
另外奇妙的是，
HTC new One、iPhone 5s皆有此問題
Sony Z卻能完美呈現
（@initial-scale=1）
※ 編輯: meisheep 來自: 114.35.82.187 (03/09 13:17)
推
03/10 00:07, , 2F
03/10 00:07, 2F
推
03/13 02:03, , 3F
03/13 02:03, 3F
→
03/13 02:04, , 4F
03/13 02:04, 4F