html - 整个网站缩小以适应浏览器窗口？

Question

我希望我的 HTML 网站在加载到不同大小的浏览器窗口时自动完全缩小（图像、文本和所有内容）。

这是我正在谈论的一个例子。http://www.studiojordan.com/site.html

我知道这个网站是 flash 我想知道这是否可以用 CSS 完成？

我是编码新手，请帮助！

谢谢！

Answer 1

就像艾略特说的，你不能那样做。除了window.open()解决方案之外，您还可以为您想要支持的任何分辨率设置不同的网站样式。这是通过媒体查询实现的，媒体查询是css3的一部分，迄今为止每个主要浏览器都非常支持。您可以在此处、此处和此处阅读更多关于它们的信息，仅举几个地方。此外，这也是现在所谓的响应式网页设计的一部分。

Answer 2

最接近的方法是使用相对单位（如%和em）调整和定位所有内容。但这有局限性，并且可能变得非常复杂。所以它实际上是媒体查询，正如朱利安建议的那样，或者什么都没有！

Answer 3

不幸的是，用 CSS 或 Javascript 改变浏览器窗口的大小是不可能的。但是，您可以调整使用window.open(). 这不会有任何好处，因为您的浏览器的弹出窗口阻止程序会 [几乎总是] 阻止打开这样的窗口（我确实在某处读到，如果窗口打开是用户操作的直接结果，它不会被阻止，但是我不确定...）。

tl;博士：不，对不起。