【问题标题】:Entire Website Shrink to fit browser window?整个网站缩小以适应浏览器窗口?
【发布时间】:2012-04-18 02:45:01
【问题描述】:

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

这是我所说的一个例子。 http://www.studiojordan.com/site.html

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

我是编码新手,请帮忙!

谢谢!

【问题讨论】:

    标签: html css browser shrink


    【解决方案1】:

    就像艾略特说的,你不能那样做。除了window.open() 解决方案之外,您可以为您想要支持的任何分辨率设置不同的网站样式。这是通过 媒体查询 实现的,它是 css3 的一部分,并且迄今为止得到了所有主流浏览器的大力支持。您可以阅读更多关于它们的信息 hereherehere,仅举几例。此外,这也是现在所谓的Responsive Web Design 的一部分。

    【讨论】:

      【解决方案2】:

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

      tl;博士: 不,对不起。

      【讨论】:

        【解决方案3】:

        您最接近的方法是使用相对单位(如%em)调整和定位所有内容。但这有局限性,并且可能变得非常复杂。所以它实际上是媒体查询,正如 Julian 建议的那样,或者什么都不是!

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2021-12-17
          • 2011-09-04
          • 1970-01-01
          • 1970-01-01
          • 2012-02-23
          • 2015-04-20
          相关资源
          最近更新 更多