響應圖像不能在移動設備

Question

正確對齊我有一個是通過以下CSS

http://jsfiddle.net/jdp3Z/

我想在圖像上觀察時靠左對齊，右對齊一個頁面上的圖像。移動設備（尤其是在橫向模式我嘗試下面的代碼：？

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
img { 
    float: left; 
} 
} 

我想這是不夠的，因爲似乎沒有這樣的伎倆我缺少什麼

Answer 1

在這種情況下，您需要覆蓋正確的選擇器img.image-right，因爲該類使其更具體，而不僅僅是img，因此您無法覆蓋該浮動。試試這個：

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
    img.image-right { 
    float: left; 
    } 
} 

查看本演示http://jsfiddle.net/jdp3Z/1/調整窗口大小。