Mobile 如何使网页滑块图像不可缩放移动?

Mobile 如何使网页滑块图像不可缩放移动?,mobile,slider,Mobile,Slider,我当前的主页横幅缩小到手机,图像和文本缩小到无法阅读的大小 你如何使它在缩放到某一点后,图像停止缩放,只切断图像的宽度 我的网站:www.riotsociety.com 示例站点:sunglass.la将其添加到CSS文件中。 这将使滑块达到视口高度的70%。因此,它将占据任何设备高度的70% 这将解决图像问题 .fullwidthbanner容器{ 高度:70vh;//请绕过此值 } 现在的问题是滑块的JS正在计算并给出每个元素的大小和样式。 在手机上,按钮内容的大小变为3倍 现在我看到了两种

我当前的主页横幅缩小到手机,图像和文本缩小到无法阅读的大小

你如何使它在缩放到某一点后,图像停止缩放,只切断图像的宽度

我的网站:www.riotsociety.com


示例站点:sunglass.la

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

这将解决图像问题

.fullwidthbanner容器{
高度:70vh;//请绕过此值
}

现在的问题是滑块的JS正在计算并给出每个元素的大小和样式。 在手机上,按钮内容的大小变为3倍

现在我看到了两种解决方案

  • 阅读滑块库或插件(如果有)的文档,并尝试使其不提供滑块响应部分的高度和值,只需自己完成即可。你需要一点CSS
  • 或者,让它保持原样,在CSS上写

你有密码吗?或者只是一个shopify网站?我可以看到滑块是owl_carrousel

代码片段在哪里,您需要帮助吗?在这里,阅读此->