我有一个 Ruby on Rails 应用程序，目前托管在 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>(#文件路径是指向 Amazon S3 静态图像的链接)
关于如何实现这一点有什么建议吗？
最佳答案
尝试在您的 CSS 中添加:.myClass img {overflow:scroll;} 以告知浏览器允许滚动查看溢出内容。
编辑:这无法使用我测试过的封面来完成，请尝试将其更改为不同的背景大小(例如 contain)。
关于html - 使静态图像可滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30143916/