Html 尝试调整整个页面的大小（缩小所有内容）

我有一个自己制作的网站（没有bootstrap之类的东西，我在尝试缩小屏幕分辨率较小的人的所有内容时遇到了一个问题。基本上，我希望它能够检测大小，并对元素应用适当的CSS类，以便在特定宽度下缩小所有内容。现在我正在尝试构建CSS类，我是h省去了一些困难。我最接近的方法是使用以下方法缩小所有内容：

transform: scale(.75);

这对调整实际内容的大小非常有效，但我在内容周围留下了一个大的填充区域。这有点难以解释，但我想要的是内容缩小，但div仍然是浏览器的100%（因此，如果有一个较小的浏览器，它可以很好地适应内容周围没有这个愚蠢的大填充区域）

以下是它通常的外观：

下面是添加CSS转换后的外观：

任何关于如何克服这一点的想法都将不胜感激，同时请注意，我真的不在乎我的解决方案不在IE9或更低版本中工作

---

我想要的基本输出是，如果有帮助的话，将浏览器缩放比例缩小到75%。

这取决于CSS的编写方式，像这样简单的方法可以工作：

@media only screen and (max-width: 600px) {
    body {font-size: 85%;}
}

---

如果你的div的

em

宽度会缩小，但是你可以通过上面的媒体查询来改变它，也许可以将它们的宽度设置为

100%

等等。

你是说你不想使用媒体查询，而是想找一个通用的css行来扩展所有内容吗好吧，但是，是的，我真的在寻找一个我能处理事情的整体线条或类，在我进入之前，如果我拿一本书，把整个东西缩小3/4，这会使文本更容易阅读吗？还是比以前更小？我不介意文本比以前小，我希望所有的图像和div都比以前小（某些div具有固定宽度）