2017-03-11 108 views
0

之前,我继承了这个网站:http://www.thinkiam.com/滑块革命WordPress中:上滑块图像将放大下一个图像

这是WordPress的使用滑块革命。

滑块的默认全尺寸&它的图像是1200p。当屏幕比这更小时,先前的幻灯片会在下一张幻灯片加载之前放大。

而幻灯片初始加载的正确尺寸的唯一原因是因为我添加了背景大小:覆盖他们。没有那种风格,图像即使在第一次出现时也没有响应。

你可以看到,通过检查和关闭这个功能

@media screen and (max-width: 1200px) 
style.css?ver=1.0.0:27 
div.tp-bgimg.defaultimg, div.slot { 
    background-size: cover; 
} 

在什么革命滑块设置,将产生一个简单的响应滑盖的?

回答

1
从不版本革命滑块

他们想通了响应或移动的东西很漂亮,所以检查是否有最新版本

刚进去的滑块设置,点击你想拥有支持移动和平板电脑(你可以调整屏幕尺寸为好)后,当您将编辑您的滑块您将有手机和平板电脑,你可以调整滑块移动

额外的意见她是相当详细的教程: https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

玩得开心

0

终于搞明白了。令人生厌的部分是,除了当前幻灯片退回到背景以外,下一张幻灯片可能会出现在上面,除此之外,图像的大小始终是合适的。当发生这种情况时,现在背景图像变成完整大小并溢出滑块视口。当它位于堆栈顶部时,我可以对图像进行样式设置,但不能在它变成背景图像时对其进行设计。

原来滑块中的每张幻灯片都有自己的样式。 “背景大小”选项设置为“正常”。将每张幻灯片设置为“包含”选项允许滑块响应较小的屏幕尺寸。