img是否可以根據屏幕尺寸調整寬度和高度？

-1

我有一個CSS和響應問題，我認爲我的網站足夠響應，但唯一讓我困惑的是我的滑塊上的img。img是否可以根據屏幕尺寸調整寬度和高度？

這裏是我的網站：www.spc.id

上滑蓋的IMG是沒有反應，我認爲，是因爲它的手機屏幕上並不友好。

我與媒體查詢試過調整寬度和高度：

<style> 
@media only screen and (max-width: 639px) and (min-width: 480px){ 
#home-hero{ 
    width: 480px; 
    height: auto; 
    padding:90px; 
    } 
} 

</style>

我可以自定義的高度，但我爲什麼不能自定義的寬度是多少？謝謝，如果你不介意幫助我！

來源

2015-07-13 Haryono Sariputra

很難說沒有更多的信息，但我注意到您的網站源代碼中的一些東西。

1）您的媒體查詢在語法上是正確的，但不清楚爲什麼您有最小寬度的規則。除非對寬度小於480px的屏幕有另一個媒體查詢，否則應該消除最小寬度規則。試試這個代碼：

@media only screen and (max-width: 639px){ 
#home-hero{ 
    width: 480px; 
    height: auto; 
    padding:90px; 
    } 
}

你可以玩這個jsfiddle，應該有希望澄清我的意思。 https://jsfiddle.net/8nzatewL/

2）看起來你正在使用bootstrap，但是你的類名中有一個錯字。變化：

<div class='contai ner'>

到：

<div class='container'>

來源

2015-07-13 04:09:17 jmknoll

img是否可以根據屏幕尺寸調整寬度和高度？

回答

相關問題