使用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>

在此处输入图片说明

安德里亚·利吉奥斯(Andrea Ligios)

您的错误是天真的:您要@media在标准规则之前指定规则

由于它们具有相同的CSS特殊性,因此后者获胜。

只要将@media规则复制到CSS文件(或<style>块)的末尾,它们就会起作用。

运行演示

请注意,其中一张图像有错误。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

WYMeditor在手机中

来自分类Dev

在手机的引导程序中隐藏列

来自分类Dev

在手机中隐藏Bootstrap模式

来自分类Dev

如何在手机中处理图像长宽比

来自分类Dev

在手机的引导程序中隐藏列

来自分类Dev

Skrollr js无法在手机中向下滚动

来自分类Dev

如何在手机中实现悬停效果

来自分类Dev

图片/横幅未显示在手机中

来自分类Dev

如何使用Google纸板的磁性按钮在手机中播放/暂停视频?

来自分类Dev

无法在手机中使用网络摄像头,但在PC中可以正常使用

来自分类Dev

我的网站在 chrome 扩展中有响应,但是当我在手机中查看它时,它没有响应

来自分类Dev

肖像模式手机中绝对元素无响应

来自分类Dev

Phonegap 在浏览器中是否正确 httpRequest 但在手机中没有

来自分类Dev

CSS Media Queries无法在手机或平板电脑上使用

来自分类Dev

如何防止在手机中安装Android应用程序?

来自分类Dev

Whatsapp数据存储-所有本地存储在手机中的数据?

来自分类Dev

在手机中调试应用程序时检索sqlite表

来自分类Dev

在手机缝隙中单击时按钮不会更改颜色

来自分类Dev

如何在手机中隐藏引导程序模式

来自分类Dev

如何使Android在手机和平板电脑的应用中佩戴Vibrate?

来自分类Dev

HTML表单提交按钮在手机中不起作用

来自分类Dev

如何在手机中放置我在Android Studio中创建的应用程序?

来自分类Dev

Microsoft.Maps.Pushpin未出现在手机的Dynamics 365应用中

来自分类Dev

Android Google Maps显示在手机中,但未显示在平板电脑中

来自分类Dev

Bootstrap Navbar不会在手机中崩溃

来自分类Dev

在xCode中进行调试后,以前的版本仍保留在手机中

来自分类Dev

如何使Android在手机和平板电脑的应用中佩戴Vibrate?

来自分类Dev

即使在手机中启用了景观设置,如何禁止活动改变方向?

来自分类Dev

如何在手机中获取任何应用程序的版本

Related 相关文章

  1. 1

    WYMeditor在手机中

  2. 2

    在手机的引导程序中隐藏列

  3. 3

    在手机中隐藏Bootstrap模式

  4. 4

    如何在手机中处理图像长宽比

  5. 5

    在手机的引导程序中隐藏列

  6. 6

    Skrollr js无法在手机中向下滚动

  7. 7

    如何在手机中实现悬停效果

  8. 8

    图片/横幅未显示在手机中

  9. 9

    如何使用Google纸板的磁性按钮在手机中播放/暂停视频?

  10. 10

    无法在手机中使用网络摄像头,但在PC中可以正常使用

  11. 11

    我的网站在 chrome 扩展中有响应,但是当我在手机中查看它时,它没有响应

  12. 12

    肖像模式手机中绝对元素无响应

  13. 13

    Phonegap 在浏览器中是否正确 httpRequest 但在手机中没有

  14. 14

    CSS Media Queries无法在手机或平板电脑上使用

  15. 15

    如何防止在手机中安装Android应用程序?

  16. 16

    Whatsapp数据存储-所有本地存储在手机中的数据?

  17. 17

    在手机中调试应用程序时检索sqlite表

  18. 18

    在手机缝隙中单击时按钮不会更改颜色

  19. 19

    如何在手机中隐藏引导程序模式

  20. 20

    如何使Android在手机和平板电脑的应用中佩戴Vibrate?

  21. 21

    HTML表单提交按钮在手机中不起作用

  22. 22

    如何在手机中放置我在Android Studio中创建的应用程序?

  23. 23

    Microsoft.Maps.Pushpin未出现在手机的Dynamics 365应用中

  24. 24

    Android Google Maps显示在手机中,但未显示在平板电脑中

  25. 25

    Bootstrap Navbar不会在手机中崩溃

  26. 26

    在xCode中进行调试后,以前的版本仍保留在手机中

  27. 27

    如何使Android在手机和平板电脑的应用中佩戴Vibrate?

  28. 28

    即使在手机中启用了景观设置,如何禁止活动改变方向?

  29. 29

    如何在手机中获取任何应用程序的版本

热门标签

归档