Bootstrap 3 @ font-size-base在手機上放大

我使用Bootstrap 3以下。我喜歡在移動設備上使用更大的@ font-size-base。但是由於如此多的類型值是從font-size-base派生的，所以我想有條件地設置這個變量，我不知道該怎麼做。Bootstrap 3 @ font-size-base在手機上放大

對此的任何想法？

來源

2014-01-11 Marc

目前我正在通過使用REM大小做類似的事情。它確實創造了一些其他問題，但... http://snook.ca/archives/html_and_css/font-size-with-rem –

我能想象只有一個辦法做到這一點（而無需重寫整個引導的東西），創建一個像一個不太文件：

@import "boostrap.less"; 
@font-size-base: 20px;

並將其編譯爲一個單獨的CSS文件（如「引導移動。 css「）有條件地包含在移動設備中（而不是標準的」bootstrap.css「）。

來源

2014-01-17 09:29:46

還有另一種解決方法：你可以嘗試相同的技巧，如http://stackoverflow.com/questions/ 21181583（例如，通過重新定義「@ font-size-base」將「boostrap.less」嵌套到'.mobile'類中），但AFAIR Boostrap會生成一些與這種「全局嵌套」不兼容的類，請參見https：/詳情請見/github.com/less/less.js/issues/1709）。 –

Bootstrap 3 @ font-size-base在手機上放大

回答

相關問題