【问题标题】:Image too small for parallax?图像太小而无法产生视差?
【发布时间】:2015-08-13 04:39:27
【问题描述】:

视差主题底部的图像似乎太小。如果将浏览器展开到全高,您会看到它在底部显示间距。

我的第一个猜测是图像太小了。然而,高度实际上比我在顶部小部件区域使用的要大。我应该得到一张更大的图片还是我可以用 css 做些什么?

网址:jeff-cunningham.com

【问题讨论】:

  • 欢迎来到 StackOverflow!请阅读我们的帮助部分,了解如何创建 MCVE (stackoverflow.com/help/mcve) 并将其添加到您的问题中。这样,您将从社区获得更快、更好的帮助。
  • 这似乎是一个答案,而不是一个问题......
  • 你的背景图片是 12.4 MB...这是你应该担心的。
  • @enyce12 我怎样才能得到一个小于 1 兆字节的大图像?兆字节不是与图像大小直接相关吗?
  • 您的图像是 5616 x 3744 像素...您永远不需要这么大的图像!减小图像尺寸将导致更小的图像尺寸。并考虑使用像imageoptim.com 这样的图像压缩器。

标签: css image parallax


【解决方案1】:

它使用宽度来缩放高度。因此,要获得您想要的高度,您需要确保图像的比例足以下降足够远。

举个简单的例子,假设您的页面宽度为 1000 像素。您需要图像下降 2000 像素。然后你需要你的高度比你的宽度大 2 倍。宽度为 1500 像素、高度为 2000 像素的图片将无法工作,因为该图片会缩放到宽度为 1000 像素、高度为 1333 像素。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-06-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-08
    • 2016-05-12
    • 2011-11-16
    相关资源
    最近更新 更多