我继承了这个网站:http://www.thinkiam.com/
使用Slider Revolution的WordPress。
滑块的默认全尺寸&它的图像是1200p。当屏幕小于该值时,之前的幻灯片会在下一次幻灯片加载之前放大。
幻灯片初始加载到合适大小的唯一原因是因为我添加了background-size:cover。如果没有这种风格,图像即使首次出现也没有响应。
你可以通过检查并关闭它来看到
@media screen and (max-width: 1200px)
style.css?ver=1.0.0:27
div.tp-bgimg.defaultimg, div.slot {
background-size: cover;
}
Slider Revolution中的哪些设置会产生一个简单的响应滑块?
答案 0 :(得分:1)
在革命滑块的永不版本中,他们很好地找出了响应或移动的东西,所以检查你是否有最新版本
只需进入滑块设置,点击您想要支持手机和平板电脑(您也可以调整屏幕大小),之后当您编辑滑块时,您将拥有移动设备和平板电脑的额外视图可以调整移动滑块
她是非常详细的教程: https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/
玩得开心
答案 1 :(得分:0)
终于明白了。令人抓狂的部分是图像尺寸合适,除非当前幻灯片退到背景,所以下一张幻灯片可以进入其顶部。发生这种情况时,现在背景图像变为全尺寸并溢出滑块视口外部。我可以在图像位于堆栈顶部时对其进行样式设置,但在图像变为背景图像时则不会。
原来滑块中的每张幻灯片都有自己的样式。 “背景大小”选项设置为“正常”。将每张幻灯片设置为“包含”选项允许滑块响应较小的屏幕尺寸。