@media没有在iphone上调整字体大小

Question

我的网站中有以下CSS片段...

span类在渲染器/ ipad上呈现正常，但@media不会改变iphone上的字体大小。

请有人让我知道我做错了什么......

span.message 
{display:table-column;
width:589px; min-height: 65px;
padding: 10px 10px 10px 10px;
float:right;
vertical-align: top;
border-top-width : 0;
background : white;
font : normal 70% sans-serif; vertical-align: top; color: #000000;
border-radius : 0em 1em 1em 0em;}

@media screen and (max-width:640px){
span.message {font-size:40%;}
}

感谢gaynorvader ......

@media screen and (max-device-width: 480px){
   body{
   -webkit-text-size-adjust: none;
   }
}

上面的@media解决了字体大小调整问题。 （如果你输入正确的话）。

Answer 1

您应该在this链接中看到您遗漏的答案-webkit-text-size-adjust: none;