i am Roger Li

Twitter Bootstrap 的文字方塊大小不正常? CSS 之外,留意一下DOCTYPE吧!

開發其中一隻使用Twitter Bootstrap 的Web App 時出現一個怪怪的現象。當中的 Text box 的 size 異常的細小了。

Text Field 明顯比Button 細小
嘗試在CSS 手動調整 Height, Font-Size, Line-Height…….最後總覺得沒理由那麼出名的UI Framework,會出現如此醜陋的表現。
終於發現自己的一個低級錯誤: 沒有放置於文件的最高位置,導致瀏覽器錯誤判斷它的文件類型 (Document Type Definition (DTD)),因而出現非預期的設計。
順帶提點一下,宣告 DOCTYPE 請全部以大寫完成:
正確表明 DOCTYPE 後,便回復正常

發表回覆

你的電郵地址並不會被公開。 必要欄位標記為 *