css - Bootstrap 3 @font-size-base 在手机上变大

Question

我使用的是 Bootstrap 3 及更低版本。我喜欢在移动设备上使用更大的@font-size-base。但由于有这么多类型值是从 font-size-base 派生的，我想有条件地设置这个变量，但我不确定如何设置。

对此有什么想法吗？

Answer 1

我可以想象只有一种方法可以做到这一点(无需重写整个 Bootstrap 的东西)，创建一个 less 文件，例如:

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

并将其编译为单独的 css 文件(例如“bootstrap-mobile.css”)，以便有条件地包含在移动设备中(而不是标准的“bootstrap.css”)。