如何调整特定缩放水平的CSS

Question

我已经使用Bootstrap 3构建了一个网站，每次我打开网站时，我都必须将浏览器中的缩放级调整为90％-80％在页面上显示更多。我的问题是对CSS的实际缩放实际上是什么，并且可以通过一种方式配置Bootstrap，以使我在100％变焦级别上给我相同的结果？

Answer 1

我相信90％的变焦应该与

相同

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

(在IE＆lt; 9(

Answer 2

对于Bootstrap 3，您可以使用配置工具生成库的自定义版本，然后更改@font-size-base参数：https：//getbootstrap.com/docs./docs/3.4/customize/。<<<<<<<<<<<<<<

Bootstrap 4有点不同。Bootstrap4使用rem s定义大多数尺寸(1 REM等于默认字体大小(。您可以使用以下CSS重新定义rem的值：

body {font-size:14px}