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是否可以根据屏幕尺寸调整宽度和高度？

回答

相关问题