IMG在移动设备和桌面（响应式设计）

Question

幻灯片IMGS是在正确的缩放移动（响应），但是我不想让他们当我调整桌面

---

.slideshow-wrapper{ 
     width:100%; 
     max-width:980px; //this is the original width of image 
} 
#slideshow{ 
clear:both; 
z-index:-5; 
width:100%; 
} 
#slideshow img{ 
width:100%; 
height:auto; 
} 

---

在我的窗口缩小

jQuery.each(slideArray, function(index,value) { $("<img src='img/slides/"+value+"' 
width='980' height='450'>").appendTo("#slideshow"); 
}); 

---

<div class="slideshow-wrapper"> 
<div id="slideshow"> &nbsp; </div> 
</div> 

Answer 1

这是一个轻便的解决方案，以检测移动用户： https://code.google.com/p/php-mobile-detect/

您可以使用它来加载两个不同的CSS文件。一个具有resposive图像，另一个具有静态图像。 希望有所帮助。