【发布时间】:2012-04-18 02:45:01
【问题描述】:
我希望我的 HTML 网站在加载到不同大小的浏览器窗口时自动完全缩小(图像、文本和所有内容)。
这是我所说的一个例子。 http://www.studiojordan.com/site.html
我知道这个网站是 flash 我想知道这是否可以用 CSS 来完成?
我是编码新手,请帮忙!
谢谢!
【问题讨论】:
我希望我的 HTML 网站在加载到不同大小的浏览器窗口时自动完全缩小(图像、文本和所有内容)。
这是我所说的一个例子。 http://www.studiojordan.com/site.html
我知道这个网站是 flash 我想知道这是否可以用 CSS 来完成?
我是编码新手,请帮忙!
谢谢!
【问题讨论】:
就像艾略特说的,你不能那样做。除了window.open() 解决方案之外,您可以为您想要支持的任何分辨率设置不同的网站样式。这是通过 媒体查询 实现的,它是 css3 的一部分,并且迄今为止得到了所有主流浏览器的大力支持。您可以阅读更多关于它们的信息 here、here 和 here,仅举几例。此外,这也是现在所谓的Responsive Web Design 的一部分。
【讨论】:
很遗憾,无法使用 CSS 或 Javascript 更改浏览器窗口的大小。但是,您可以调整使用window.open() 打开的窗口的大小。这不会有任何好处,因为您的浏览器的弹出窗口阻止程序会 [几乎总是] 阻止打开这样的窗口(我确实在某处读到,如果窗口打开是用户操作的直接结果,它不会被阻止,但是我不确定……)。
tl;博士: 不,对不起。
【讨论】:
您最接近的方法是使用相对单位(如% 和em)调整和定位所有内容。但这有局限性,并且可能变得非常复杂。所以它实际上是媒体查询,正如 Julian 建议的那样,或者什么都不是!
【讨论】: