Question

我有一个目前在Heroku上托管的Ruby on Rails应用程序，我在那里提供静态图像。我已经尝试了各种方法/ 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>

（#file path是指向Amazon S3静态图像的链接）

有关如何实现这一目标的任何建议吗？

Answer 1

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

编辑：使用我测试的封面无法完成此操作，请尝试将其更改为不同的背景尺寸（例如contain）。

使静态图像可滚动

1 个答案: