iphone - @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;