我使用Bootstrap 3以下。我喜歡在移動設備上使用更大的@ font-size-base。但是由於如此多的類型值是從font-size-base派生的,所以我想有條件地設置這個變量,我不知道該怎麼做。Bootstrap 3 @ font-size-base在手機上放大
對此的任何想法?
我使用Bootstrap 3以下。我喜歡在移動設備上使用更大的@ font-size-base。但是由於如此多的類型值是從font-size-base派生的,所以我想有條件地設置這個變量,我不知道該怎麼做。Bootstrap 3 @ font-size-base在手機上放大
對此的任何想法?
我能想象只有一個辦法做到這一點(而無需重寫整個引導的東西),創建一個像一個不太文件:
@import "boostrap.less";
@font-size-base: 20px;
並將其編譯爲一個單獨的CSS文件(如「引導移動。 css「)有條件地包含在移動設備中(而不是標準的」bootstrap.css「)。
還有另一種解決方法:你可以嘗試相同的技巧,如http://stackoverflow.com/questions/ 21181583(例如,通過重新定義「@ font-size-base」將「boostrap.less」嵌套到'.mobile'類中),但AFAIR Boostrap會生成一些與這種「全局嵌套」不兼容的類,請參見https:/詳情請見/github.com/less/less.js/issues/1709)。 –
目前我正在通過使用REM大小做類似的事情。它確實創造了一些其他問題,但... http://snook.ca/archives/html_and_css/font-size-with-rem –