CSS3 悬停时滑动图像，奇怪的间距
CSS3 sliding image on hover, strange spacing
首先，大家好，我是新来的，虽然这个网站帮了我很多东西。
这是我的问题，我在 中制作了带有文字的图像，这样当您将指针悬停在它上面时，图像会滑到一边，您可以阅读文字。很简单。现在我遇到的问题是，当我降低屏幕尺寸时（例如在 Android 上查看），响应式设计有点不适用于这些图像，因为左侧有一些奇怪的间距，甚至尽管图像适合该屏幕尺寸。
这是有问题的网站（我用它来学习:)）：This
你的响应很好（bootstrap 我猜）。问题是您的 .slide1, .slide2, .slide3 中有一个固定宽度，它弄乱了 col-sm-4 的 33.3333% 宽度。基本上你需要使用媒体查询来调整你的动画。
将 overflow:hidden 添加到 col-sm-4 将使您更好地了解正在发生的事情，并且将 max-width:100% 添加到您的幻灯片可能是修复您的网站的第一步。稍后你的问题将是图像大小
首先，大家好，我是新来的，虽然这个网站帮了我很多东西。 这是我的问题，我在 中制作了带有文字的图像，这样当您将指针悬停在它上面时，图像会滑到一边，您可以阅读文字。很简单。现在我遇到的问题是，当我降低屏幕尺寸时（例如在 Android 上查看），响应式设计有点不适用于这些图像，因为左侧有一些奇怪的间距，甚至尽管图像适合该屏幕尺寸。
这是有问题的网站（我用它来学习:)）：This
你的响应很好（bootstrap 我猜）。问题是您的 .slide1, .slide2, .slide3 中有一个固定宽度，它弄乱了 col-sm-4 的 33.3333% 宽度。基本上你需要使用媒体查询来调整你的动画。
将 overflow:hidden 添加到 col-sm-4 将使您更好地了解正在发生的事情，并且将 max-width:100% 添加到您的幻灯片可能是修复您的网站的第一步。稍后你的问题将是图像大小