Html 使用css使手机中的表中的img响应

我有网站，我不能使其响应只有页眉和页脚是有响应的，我想在tr的img使无引导响应。我什么都试过了，请帮帮我，我是前端的新手

tr.j {
    background: url('http://i.imgur.com/fN4yIQL.png') no-repeat;  position: relative; background-color: #fff; 


    width: 100%;
      border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

    }



<tr class="j" >
            <td colspan="2"  valign="top" style="background: url('') no-repeat 50% 15%; background-size: 100px; padding-right: 10px; padding-top: 20px;width: 100%">

                <div class= "apps" >
                            <a href="http://icome.su/apps/ios"><img src="http://i.imgur.com/67E0pWQ.png" alt=""
style="max-width:100%;height:auto;"></a>

                            <a href="http://icome.su/apps/android"><img src="http://i.imgur.com/nBRwQKL.png" alt=""></a>
                        </div>


                <a href="http://icome.su" ><h4 id ="my2">Скачайте презентацию ваших  бизнес-возможностей</h4></a>
                <a href="http://icome.su"><h4 id ="my3">Зарегистрируйтесь на сайте iCome</h4></a>

            </td>



      </tr>

tr.j{
背景：url（'http://i.imgur.com/fN4yIQL.png'）无重复；位置：相对；背景色：#fff；
宽度：100%；
边框顶部：1px实心#ddd；
边框底部：1px实心#ddd；
}

---

您可以尝试使用响应式css：

.apps a img{
         width: 100%;
    }

---

要使内联图像具有响应性，只需将其添加到css中

img {max-width: 100%;}

---

您的错误很简单：您在标准规则之前指定了

@media

规则

由于他们有相同的优势，后者获胜

只需将

@media

规则复制到CSS文件（或

块）的末尾，它们就会起作用

---

请注意，其中一个图像中有一个错误。

请注意：尽量不要将表格用于布局，有更好的方法可以使用

div

等创建布局。首先，停止使用表格创建布局。第二，用你的代码创建一个JSFIDLE，它更容易调试。@Sharath Daniel@Ruddy我没有时间用我应该用的div来调试它tables@Sultan你会遇到表格方面的问题，我甚至可以说用

div

创建网站更容易。表格是为表格数据而不是布局设计的。

width:100%

会使图像超出其自然大小，并降低其清晰度。