缩小站点（在html代码中自动）

我有一个网页（html+css文件）。当它以本机缩放显示时，看起来不太好。我需要缩小（两次单击ctrl+-）使它看起来很好

因此，我希望这种缩小的格式成为网站的本机缩放，也就是说，看到我的网站的人在默认情况下会以这种方式看到它（在Firefox、Chrome和Internet Explorer上）

问题：有办法做到这一点吗？最简单的方法是什么？

---

（我不太擅长html/css编码。我使用了一个免费的模板来构建自己的网站。）

这是因为你的css并没有随着分辨率的变化而变化

所以使用媒体查询

---

使用媒体查询为不同的屏幕分辨率编写不同的样式

此外，使用ems和百分比表示字体宽度、填充、边距等。。因此，当您缩放页面时，它会根据分辨率相对于父级进行更改。

您可以使用

---

您还可以使用该方法调整浏览器窗口的大小。

这是一个可以在CSS中使用的技巧，但是请记住，这将从中心缩小HTML，并破坏站点的整体对齐。 然而，我相信如果你玩一点，你会发现这对你有好处

CSS

---

好吧，我不想公开：）它的堆栈溢出，而不是证券交易所：-）@Dilworth，对不起，我不能resist@AnaMaria，没关系，反正我没听懂这个笑话：）谢谢。window.resize是否也控制图片的缩放？哦，顺便说一句，我不希望浏览器窗口更改，当然，只希望更改我网站的内容。关于媒体查询，我不需要有条件地更改缩放。我只需要一次缩放。我只是不知道怎么做。如果是这样，请使用@media query。我不明白media query在这里是如何工作的：即使我的网站发现了浏览器的参数，我也需要更改缩放。但是怎么做呢？我看不出媒体查询有什么帮助。媒体查询只是一个条件，它将回答true或false值。但是，根据答案，我需要减少缩放因子。但我的问题是我不知道如何减少zoom.Dito。无法在此处查看媒体查询帮助。我错过什么了吗？

@media (min-width: 700px) { ... }
@media (min-width: 700px) and (orientation: landscape) { ... }
@media tv and (min-width: 700px) and (orientation: landscape) { ... }
@media (min-width: 700px), handheld and (orientation: landscape) { ... }

html {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    overflow-x:scroll;
    overflow-y:scroll;
}