如何制作主页滑块图像而不是移动



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

如何制作它,以便在缩放到某个点之后,图像停止缩放,并且仅切断了图像的宽度?

我的网站:www.riotsociety.com

示例网站:Sunglass.la

将其添加到您的CSS文件中。这将使您的滑块70%的高度高度。因此,它将需要任何设备高度的70%。

这将解决图像问题

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

现在是滑块的JS正在计算并赋予每个元素大小和样式的尺寸。按钮内容在手机上变为3px。

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

  • 如果有的话,请阅读滑块库或插件的文档,并尝试使其不给滑块的响应部分提供高度和值,而是自己做。您需要一点CSS。
  • 或者,让它原样,然后在顶级CSS上写。

您是否可以访问代码?还是只是一个购物网站?我可以看到滑块是owl_carrousel

相关内容

  • 没有找到相关文章

最新更新