【问题标题】:How to get site to automatically scale based on user's browser window如何让网站根据用户的浏览器窗口自动缩放
【发布时间】:2013-08-30 17:30:48
【问题描述】:

我正在使用 Dreamweaver CS4,我需要更改站点以使背景自动缩放。我不想使用重复的背景(因为这个特定的背景不能很好地重复)然后将主体浮动在上面,而是希望整个站点根据用户浏览器窗口自动缩放。

我喜欢的例子: http://www.150-jahre-geze.de/150.html?no_cache=1

我确实喜欢这个全屏页面 我确实喜欢其他全屏页面,但我们目前没有照片或图形来支持这个概念。没有滑块我该怎么做?谢谢您的帮助。在这一点上,我已经尝试了所有我能想到和找到的方法,但我认为我的问题的措辞一定是错误的,因为我没有得到任何答案。

【问题讨论】:

  • 请更新您的帖子并添加您尝试过的内容。

标签: html css dreamweaver scale


【解决方案1】:

您正在寻找的是响应式背景图片......不幸的是,它并不容易,但结帐

Responsive background image in div full width

Responsive css background images

【讨论】:

    【解决方案2】:

    您链接到的网站正在使用一种称为视差滚动的效果,请参见例如http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html

    听起来你刚刚开始编码,最好看看一些基本的 CSS 教程,例如http://www.w3schools.com/ 无论您使用的是 Dreamweaver 还是其他任何东西,编写代码的过程都是一样的。忽略可视化编辑器和其他 Dreamweaver b/s - 您最终必须学习代码,而且无论如何它都比在 Dreamweaver 中乱搞要快。

    从你的问题中不清楚你到底想要完成什么,但是像 width:100% 这样的 CSS 属性会帮助你。

    我猜您正在尝试制作随窗口缩放的全屏背景图像;在这种情况下,我要做的是将图像设置为不作为 body 标签的背景,而只是作为 div 中的图像,然后将图像的最小宽度和最小高度设置为 100%,设置将 div 的高度和宽度设置为 100%(这将填充浏览器,假设 div 不在任何其他包装类型的 div 内)。

    要让它驻留在后台,请使用 CSS 属性 z-index: -99999999 - 然后其他内容将出现在它的前面。如果您不希望它在页面滚动时滚动到视图之外,请使用 CSS 属性 postioned:fixed。

    或者,我刚刚在回复您的帖子时发现了一些问题,您可以将 background-size:cover 设置为背景图像的属性 - 它的效果与我上面的解决方法大致相同。我从未尝试过,但听起来它会起作用(尽管可能检查浏览器支持?)。

    希望这会有所帮助。再次,使用 w3schools 了解 CSS 并尽快离开 Dreamweaver 并使用 Sublime Text 3 之类的东西!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-11-14
      • 1970-01-01
      • 2012-04-01
      • 1970-01-01
      • 2023-01-16
      • 1970-01-01
      • 2011-01-11
      • 2014-04-09
      相关资源
      最近更新 更多