img 是否可以根据屏幕尺寸调整宽度和高度？

【问题标题】：Is it Possible for img to resize the width and height according to the screen size?img 是否可以根据屏幕尺寸调整宽度和高度？
【发布时间】：2015-07-13 12:09:17
【问题描述】：

我的 css 和响应能力存在问题，我认为我的网站响应速度足够快，但唯一让我感到困惑的是滑块上的 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>

我可以自定义高度，但为什么我不能自定义宽度？如果您不介意帮助我，谢谢！

【问题讨论】：

标签： css media-queries

【解决方案1】：

如果没有更多信息，很难说，但我注意到您网站源代码中的一些内容。

1) 您的媒体查询在语法上是正确的，但不清楚为什么您有一个最小宽度规则。除非您对宽度小于 480 像素的屏幕有另一个媒体查询，否则您应该消除最小宽度规则。试试这个代码：

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

你可以玩弄这个 jsfiddle，希望能澄清我的意思。 https://jsfiddle.net/8nzatewL/

2) 看起来您正在使用引导程序，但您的类名中有错字。变化：

<div class='contai ner'>

到：

<div class='container'>

【讨论】：