智能手機和平板電腦在橫向模式下的響應式圖片

Question

我有一個非常普通的照片庫網站。每個頁面只包含一個圖像（600 x 400）或圖像滑塊。智能手機/平板電腦在橫向模式下甚至筆記本電腦上的網站外觀都有問題。因爲圖像/滑塊的底部會被切掉。所以你需要向下滾動才能看到整個圖像。在我的桌面或小型設備上的portait模式下，它看起來不錯。我喜歡在這些屏幕上顯示較小尺寸的圖像/滑塊，因此您不需要向下滾動即可查看整個圖像。有人可以幫我弄這個嗎？我用wordpress中的二十六個childtheme構建了這個。

感謝， 朦朧

Answer 1

我建議使用油滑轉盤。這是一個簡單的滑塊引發劑，可以節省大量的時間和調整：http://kenwheeler.github.io/slick/

對於單個圖像使用下面的CSS屬性：

max-width: 100%; 
height: auto;