如何在twitter引導中將'像素'媒體查詢更改爲'em'基媒體查詢3

Question

我想在twitter引導程序3中將基於像素的媒體更改爲基於媒體查詢。

所以例如：

@media只有屏幕和（最大寬度：320像素）{}將等於給@media只有屏幕和（最大寬度：20）{}僅 @media屏幕和（最大寬度：480px）{}將等於@media唯一屏幕和（最大寬度：30）{}等

是否有更簡單的方法在bootstrap.css文件中執行此操作而不是更改所有媒體查詢需要花費很多時間。

在此先感謝

拉吉

Answer 1

你只需要添加「時間」的值的末尾，我編輯現在只

@media屏幕（最大寬度：320em） {max-width：320em; }

Answer 2

我認爲你可以使用boostrap定製器來將你的媒體查詢改爲ems，但是我還沒有證實這一點。 http://getbootstrap.com/customize/

Answer 3

您可以在bootstrap.css文件中手動更新媒體查詢，它只會帶你一會兒。

按照此模式target/context = result將px的值轉換爲em。重要提示：無論基本字體大小設置爲何（在Bootstrap 3中爲14px），使用em定義的媒體查詢總是基於16px。

h2{ 
    font-size: 2em /* 32px/16px = 2em */ 
} 

到

@media (min-width: 48em) {} /* 768px/16px = 48em */ 

做它在bootstrap.css所有媒體查詢，你會做。