整个网站缩小到适合浏览器窗口?
问题描述:
我希望我的HTML网站能够在不同大小的浏览器窗口中加载时自动缩小(图片,文字和全部)。整个网站缩小到适合浏览器窗口?
这是我正在谈论的一个例子。 http://www.studiojordan.com/site.html
我明白这个网站是Flash我想知道这是否可以用CSS来完成?
我是新来编码,请帮忙!
谢谢!
答
不幸的是,不可能用CSS或Javascript更改浏览器窗口的大小。但是,您可以调整用window.open()
打开的窗口的大小。这不会有什么好处,因为你的浏览器的弹出窗口阻止程序会[几乎总是]阻止打开这样的窗口(我曾在某处读过,如果窗口打开是用户操作的直接结果,它不会被阻止,但我不确定...)。
tl; dr: 不,抱歉。
答
就像艾略特说的那样,你不能那样做。除了window.open()
解决方案之外,您可以为您想要支持的任何分辨率设置不同的网站风格。这是通过媒体查询完成的,它们是css3的一部分,并且到目前为止每个主要浏览器都非常支持。您可以阅读更多关于它们的文章here,here和here,仅举几例。此外,这是现在称为Responsive Web Design的一部分。
答
最接近你的是用相对单位(如%
和em
)确定和定位所有内容。但是这具有局限性,并且可能变得非常复杂。所以它实际上是媒体查询,就像Julian所说的那样,或者什么也不是!