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

Posted 2023-03-06

【中文标题】@media 没有在 iPhone 上调整字体大小

【英文标题】：@media not resizing fonts on iphone

【发布时间】：2013-06-07 04:39:04

【问题描述】：

我的网站中有以下 CSS sn-p...

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 解决了字体调整大小的问题。 （只要您输入正确）。

【问题讨论】：

***.com/questions/3226001/…

感谢 gaynorvader - 我看到了那个帖子，我按照它的建议做，但是我似乎仍然有旧的字体大小......

gaynorvader 完全正确 - 我在编辑时犯了一个错误。上面附加的 CSS。

gaynorvader - 您能否添加链接作为我可以接受和支持的答案。

【参考方案1】：

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