Fatal编程技术网

Responsive design 使用媒体查询缩放类型

responsive-design

Responsive design 使用媒体查询缩放类型,responsive-design,html-email,Responsive Design,Html Email,有人能告诉我为什么这不是在称为“heading”的类中扩展类型吗？ 我可能遗漏了一些重要的元素，但我看不出它是什么 谢谢 吉姆 @仅媒体屏幕和（最大宽度：480px） { /*仅限iPhone（设备宽度：320px）和（设备高度：568px）以及（-webkit设备像素比：2）-仅限屏幕和（最大宽度：480px） （设备宽度：320px）和（设备高度：568px）以及（-webkit设备像素比：2）*/ 正文、表格、td、p、a、li、区块报价{ -webkit文本大小调整：无！重要； } 表{

有人能告诉我为什么这不是在称为“heading”的类中扩展类型吗？ 我可能遗漏了一些重要的元素，但我看不出它是什么

谢谢

吉姆

@仅媒体屏幕和（最大宽度：480px）
{
/*仅限iPhone（设备宽度：320px）和（设备高度：568px）以及（-webkit设备像素比：2）-仅限屏幕和（最大宽度：480px）
（设备宽度：320px）和（设备高度：568px）以及（-webkit设备像素比：2）*/
正文、表格、td、p、a、li、区块报价{
-webkit文本大小调整：无！重要；
}
表{宽度：100%！重要；}
.响应图像
img{
高度：自动；线条高度：100%！重要；
最大宽度：100%！重要；
宽度：100%！重要；
}
标题
{字体大小：10px！重要；
}
}

您错过了td上的一个报价；）


六月时事通讯
在我看来没问题。。您是否尝试删除`-webkit文本大小调整：无！重要；`测试你的代码！非常感谢！有时候需要另一双眼睛！

  @media  only screen and (max-width: 480px) 

       {
    /* iPhone only  (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) - only screen and (max-width: 480px)
    (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)*/

        body,table,td,p,a,li,blockquote {
          -webkit-text-size-adjust:none !important;
        }
        table {width: 100% !important;}

        .responsive-image
        img {
          height: auto; line-height: 100% !important;
          max-width: 100% !important;
          width: 100% !important;
        }
        .heading
        { font-size: 10px !important;
        }
       }

    </style>
  </head>
  <body>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td>
          <table border="0" cellpadding="0" cellspacing="0" align="center" width="600" bgcolor="#FFFFFF">
            <tr>
        <td width="600"><table width="600" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td style="padding: 0 0px;" align="center" class="responsive-image" width="307" height="auto"><img src="http://contact.friendslife.co.uk/ukassets/images/482/Responsive_test/fpi_test_top_sky.jpg" width="100%" alt="" ></td>

            <td width="266" bgcolor="#ED4134" style="font-family:Arial; font-weight:300; font-size:15px; color:#FFFFFF; padding:0px; text-align:right; class="heading">Newsletter June</td>