奇怪的bootstrap-ui控制高度

我有一個只有bootstrap.css鏈接的html，沒有js。類型文本的所有輸入的高度變得太小，並且諸如p，q，y的字母從底部截斷。另外，Firefox說css規則有「height：20px」，但計算值是「height：10px」。 Opera說計算值是20px，但是以相同的方式顯示這些控件 - 太窄了。不用說，這個CSS可以在angularjs.org上正常工作。我該如何解決這個問題，最好不要改變bootstrap.css文件？奇怪的bootstrap-ui控制高度

的Html到這裏

<html> 
<head> 
    <link rel="stylesheet" href=".../bootstrap.css"> 
</head> 
<body> 
    <input type="text" value="abc def ghi jkl mno pqr stu vwx yz"> 
</body>

我注意到，上面提到的網站上輸入有「NG-pristline」 CSS類，但該類不這樣做的伎倆。

來源

2013-07-15 user2286759

相信你遇到同樣的問題我檢查你的行高...我不確定最佳實踐解決方案，但我只是在自己的css文件中打補丁。 – shaunhusain

好吧，加入'<！DOCTYPE html>'可以解決問題。這是我應該幫助的最後一件事。 – user2286759

好，加入<!DOCTYPE html>在某種程度上解決了這個問題。這是我應該幫助的最後一件事。

來源

2013-07-16 16:13:19 user2286759

相信你遇到同樣的問題我檢查你的行高...我不確定最佳實踐解決方案，但我只是在自己的css文件中打補丁。

master.css

body 
{ 
    line-height:1em; 
    //other stuff here... 
}

來源

2013-07-15 14:32:07 shaunhusain

奇怪的b​​ootstrap-ui控制高度

回答

相關問題

奇怪的bootstrap-ui控制高度