如何使主页滑块图像不能移动缩放?

时间:2017-02-24 18:38:44

标签: mobile slider

我当前的主页横幅缩小到移动设备和图像&文本缩小到不可读的大小。

如何制作它,以便在缩放到某一点后图像停止缩放,它只会切断图像的宽度?

我的网站:www.riotsociety.com

示例网站:sunglass.la

1 个答案:

答案 0 :(得分:0)

将其添加到CSS文件中。 这将使滑块达到视口高度的70%。所以它将占据任何设备高度的70%。

这将解决图像问题

.fullwidthbanner-container { height: 70vh; //please work around this value }

现在的问题是Slider的JS正在计算和给出每个元素的大小和样式。 手机上的按钮内容大小为3px。

现在我看到2个解决方案。

  • 阅读滑块库或插件的文档(如果有)并尝试使其不为滑块的响应部分提供高度和值,并且只能由您自己执行。你需要一点CSS。
  • 或者,让它原样并写在顶部CSS。

您是否可以访问代码?或者它只是一个shopify网站?我可以看到滑块是owl_carrousel