使静态图像可滚动

Question

我在 Rails 上有一个 Ruby 应用程序，目前托管在 Heroku，我在那里提供静态图像。我已经尝试了各种方法/CSS 使图像可滚动的组合，但似乎没有任何效果。目前我使用 background-size:cover 并且它适用于屏幕分辨率较大的人，但问题是图像对于屏幕分辨率较小的人来说不可滚动，即图像被截断。

这是目前使用的：

body {
    background-image: url('#file path');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: top center;
    background-color: #464646;
}

<body>
  <%= yield %>
</body>

（#文件路径是 link 到 Amazon S3 静态图像）

关于如何使这成为可能的任何建议？

Answer 1

尝试添加：.myClass img {overflow:scroll;} 到您的 CSS 以告诉浏览器允许滚动查看溢出内容。

编辑： 这无法使用我测试过的封面来完成，请尝试将其更改为不同的背景大小（例如 contain）。

使静态图像可滚动

Making static image scrollable

html

css

ruby-on-rails

heroku