Hi Community,

I am faceing a rather discouraging battle with iOS and media queries.

Can some one confirm that iOS now doesn't respect queries?

Here is some very simple code. I have tried many variations on writing the meta's and how I declare the css.Nothing works!!

Any help or even a just a confirmation that iOS simply does not support queries anymore would be fantastic.

Thanks



<!doctype html>
<html>
<head>
<meta charset="UTF-8">

<meta name="x-apple-disable-message-reformatting">

<title>Untitled Document</title>
<style type="text/css">


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
        td[class="test"] {
        font-size: 28px !important;
    }

}   



</style>
</head>

<body>


    <table width="600" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td class="test" style="text-align: center; color: red; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif'; text-transform: uppercase; font-size: 10px;">This is a test.</td>
    </tr>
  </tbody>
</table>


</body>
</html>