如何针对特定缩放级别调整CSS？

Question

我使用bootstrap 3建立了一个网站，每次打开该网站时，都必须将浏览器中的缩放级别调整为90％-80％，以便获得更好的外观并在页面上显示更多内容。 我的问题是缩放实际上会对CSS产生什么影响，是否可以以某种方式配置引导程序以在100％缩放级别上获得与在90％缩放级别上相同的结果？

Answer 1

我相信90％的缩放应该与

相同

body {
  transform: scale(0.9);
  transform-origin: 0 0;
}

（除IE <9以外的所有内容）

Answer 2

对于引导程序3，您可以使用配置工具生成该库的自定义版本，并更改​​@font-size-base参数：https://getbootstrap.com/docs/3.4/customize/。

引导程序4有点不同。引导程序4使用rem来定义大多数大小（1 rem等于默认字体大小）。 您可以使用以下CSS重新定义rem的值：

body {font-size:14px}