我当前的主页横幅缩放到移动设备和图像&文本缩小到无法读取的大小。
如何制作它,以便在缩放到某个点之后,图像停止缩放,并且仅切断了图像的宽度?
我的网站:www.riotsociety.com
示例网站:Sunglass.la
将其添加到您的CSS文件中。这将使您的滑块70%的高度高度。因此,它将需要任何设备高度的70%。
这将解决图像问题
.fullwidthbanner-container {
height: 70vh; //please work around this value
}
现在是滑块的JS正在计算并赋予每个元素大小和样式的尺寸。按钮内容在手机上变为3px。
现在我看到了2个解决方案。
- 如果有的话,请阅读滑块库或插件的文档,并尝试使其不给滑块的响应部分提供高度和值,而是自己做。您需要一点CSS。
- 或者,让它原样,然后在顶级CSS上写。
您是否可以访问代码?还是只是一个购物网站?我可以看到滑块是owl_carrousel