-webkit-text-size-adjust: none 似乎不起作用答案

【问题标题】：-webkit-text-size-adjust: none doesn't seem to be working-webkit-text-size-adjust: none 似乎不起作用
【发布时间】：2011-06-19 05:11:21
【问题描述】：

我在post 中遇到了同样的问题（并已解决）。但是，提供的解决方案对我不起作用。我尝试了-webkit-text-size-adjust: none 和<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 均无济于事。

这是一个纯文本的简单 HTML 页面

<!DOCTYPE html>

<html>
<head>
<link href="style.css" rel="stylesheet">     
<title>Pastrami fugiat pork tail ut</title>
</head>

<body bgcolor="#000000" link="#FFFFFF" vlink="#FFFF00">

    <h1>Pastrami fugiat pork tail ut</h1>
    <p>Pancetta bresaola ham, brisket short ribs tri-tip sed cillum turkey pork loin corned beef venison tail.</p>

</body>
</html>

CSS

html
{
    -webkit-text-size-adjust: none;
}

@font-face{
    font-family:"Fertigo";
    src: url(Fertigo.otf) format("opentype");
}

body {
    padding:0;
    margin:1cm;
    font-family:"Fertigo", "Georgia";
    font-size:56px;
    line-height:1.5em;
    color:#FFFFFF;
    text-align:left;
    text-decoration:none;
    padding: 0px;
}

h1 {
    font-family:"Fertigo", "Helvetica";
    color:#FFFFFF;
    text-decoration:none;
    font-size:1.25em;
    font-weight:normal;
    margin:0px;
    padding:5px 0px 5px 5px;
    line-height: 1.5em;
}

h4 {
    font-family:"Courier New", "Georgia";
    font-size:1em;
    color:#FFFFFF;
    margin:0px;
    padding:0px;
    font-weight:normal;
    line-height: 1.5em;
}

【问题讨论】：

为什么你的 HTML 中有一个样式表和 bgcolor="#000000" link="#FFFFFF" vlink="#FFFF00"？
@boltclock 糟糕的 HTML 编码？ ;)
@robx @faraz 这些建议都不起作用。我认为这与他的字体大小属性有关..
有没有想过这个问题？我也无法让它在 iPhone 上运行。

标签： iphone html css

【解决方案1】：

尝试将您的 webkit 放在正文中以及正文中的每个元素中，并首先使用标准字体对其进行测试，例如：

body * {
    margin:1cm;
    font-family:"Georgia";
    font-size:56px;
    line-height:1.5em;
    color:#FFFFFF;
    text-align:left;
    text-decoration:none;
    padding: 0px;
    -webkit-text-size-adjust: none;
}

【讨论】：

原作者（@RHPT）能否不评论它是否有效？

【解决方案2】：

试试这个：

body {
    padding:0;
    margin:1cm;
    font-family:"Fertigo", "Georgia";
    font-size:56px !important;
    line-height:1.5em;
    color:#FFFFFF;
    text-align:left;
    text-decoration:none;
    padding: 0px;
    -webkit-text-size-adjust: none !important;
}

h1 {
    font-family:"Fertigo", "Helvetica";
    color:#FFFFFF;
    text-decoration:none;
    font-size:1.25em !important;
    font-weight:normal;
    margin:0px;
    padding:5px 0px 5px 5px;
    line-height: 1.5em;
}

h4 {
    font-family:"Courier New", "Georgia";
    font-size:1em !important;
    color:#FFFFFF;
    margin:0px;
    padding:0px;
    font-weight:normal;
    line-height: 1.5em;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
 html {
    -webkit-text-size-adjust: none !important;
      }
 }

【讨论】：

【解决方案3】：

body * { -webkit-text-size-adjust: none; }

似乎有效，而

* { -webkit-text-size-adjust: none; }

..不，有趣。

【讨论】：