整个网站缩小到适合浏览器窗口？

Question

我希望我的HTML网站能够在不同大小的浏览器窗口中加载时自动缩小（图片，文字和全部）。

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

我明白这个网站是Flash我想知道这是否可以用CSS来完成？

我是新来编码，请帮忙！

谢谢！

Answer 1

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

tl; dr： 不，抱歉。

Answer 2

就像艾略特说的那样，你不能那样做。除了window.open()解决方案之外，您可以为您想要支持的任何分辨率设置不同的网站风格。这是通过媒体查询完成的，它们是css3的一部分，并且到目前为止每个主要浏览器都非常支持。您可以阅读更多关于它们的文章here，here和here，仅举几例。此外，这是现在称为Responsive Web Design的一部分。

Answer 3

最接近你的是用相对单位（如%和em）确定和定位所有内容。但是这具有局限性，并且可能变得非常复杂。所以它实际上是媒体查询，就像Julian所说的那样，或者什么也不是！