【问题标题】:@media not resizing fonts on iphone@media 没有在 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 解决了字体调整大小的问题。 (只要您输入正确)。

【问题讨论】:

  • 感谢 gaynorvader - 我看到了那个帖子,我按照它的建议做,但是我似乎仍然有旧的字体大小......
  • gaynorvader 完全正确 - 我在编辑时犯了一个错误。上面附加的 CSS。
  • gaynorvader - 您能否添加链接作为我可以接受和支持的答案。

标签: iphone css ipad media font-size


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2017-10-22
    • 1970-01-01
    • 1970-01-01
    • 2011-03-18
    • 1970-01-01
    • 2021-11-24
    • 1970-01-01
    • 1970-01-01
    • 2012-07-02
    相关资源
    最近更新 更多