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圖像，另一個具有靜態圖像。 希望有所幫助。