Jquery 光滑的旋转木马-滑块图像在移动分辨率上收缩太多 我尝试使用SLIK转盘，使用一个大型的，移动版本的网站使用基金会6。我遵循了网站的指示，但当我将屏幕分辨率缩小到更小（移动）分辨率时，图像似乎被迫缩小到180像素。所需的效果是滑块自动调整为视图端口的全宽

我在网页上有三个光滑的旋转木马，它们通过使用媒体查询进行交换。我的手机版本是

我的HTML标记非常简单

<!-- Mobile Resolution -->
<div class="slider mobile_screen">
  <!-- Slide 1 -->
  <div class="design_services">
     <img src="http://www.advancedlitho.com/img/custom_images/mobile_slide_test.jpg" />
  </div>
  <!-- Slide 2 -->
  <div class="customer_service">
     <img src="http://www.advancedlitho.com/img/custom_images/mobile_slide_test.jpg" />
  </div>
  <!-- Slide 3 -->
  <div class="design_online">
     <img src="http://www.advancedlitho.com/img/custom_images/mobile_slide_test.jpg" />
  </div>
</div>

以下是指向测试服务器上站点的链接-

我在这方面遇到了很多麻烦。因此，任何帮助都将不胜感激

---

谢谢

我不认为它应该是平板电脑/手机的样子。。它至少缺少logo.css和logo.png，看起来与完整大小的站点完全不同

也就是说，也许您可以通过自定义媒体查询来解决基于分辨率的问题

@media (max-width:499px){
  .yourSelector{
    width:100%;
  }
}

---

覆盖CSS规则，并在导致问题的移动断点处为滑块指定100%的宽度。此规则是否设置在Slick Carousel Jquery中的某个位置？它将位于滑块附带的CSS中。查找影响滑块宽度的媒体查询。应用于您试图更改的移动视图的查询-只需将宽度更改为100%。确保

img

在该查询点设置了100%的宽度和自动高度。到目前为止，我认为它与“foundation.CSS”和“slick theme.CSS”中的CSS有关。奇怪的是，这两种样式表中都没有媒体查询。有些东西是矛盾的。我还没弄明白，希望很快能弄明白奇怪的是，它只会在小于499px的分辨率下断裂……是的，这个徽标目前不应该在测试站点上显示，平板电脑视图甚至还没有设置。只是在手机上工作。但我对手机设计还不熟悉，所以我会尝试一下。谢谢：）啊，好的-是的，它只是根据屏幕宽度的条件css。您可以通过将浏览器窗口拖动到500px标记来测试它，以查看有哪些更改。我建议首先将背景色设置为#f00（红色），以确保媒体查询正常工作。