我当前的主页横幅缩小到移动设备和图像&文本缩小到不可读的大小。
如何制作它,以便在缩放到某一点后图像停止缩放,它只会切断图像的宽度?
我的网站:www.riotsociety.com
示例网站:sunglass.la
答案 0 :(得分:0)
将其添加到CSS文件中。 这将使滑块达到视口高度的70%。所以它将占据任何设备高度的70%。
这将解决图像问题
.fullwidthbanner-container {
height: 70vh; //please work around this value
}
现在的问题是Slider的JS正在计算和给出每个元素的大小和样式。 手机上的按钮内容大小为3px。
现在我看到2个解决方案。
您是否可以访问代码?或者它只是一个shopify网站?我可以看到滑块是owl_carrousel