Question

我正在构建一个（几乎）适合移动设备的网站，在几台设备上测试后，发现一切正常 - 除了在我的设备上有些文字更大的事实在缩放之后应该如此。

我发现这是因为我的设备（Galaxy S4）有＆＃34; Text Booster＆＃34;功能已检查，必须检测大量文本并自动调整大小以适应其认为更正确的大小。

现在这已经足够公平，但我希望能够使用纯CSS控制各种设备宽度上的字体大小。

重要我发现了我的＆＃34;关于文字＆＃34;在页脚中不是受到助推器的影响，所以我希望有一种方法可以阻止主要文章文本的大小调整，但是有谁知道怎么做？

以下是我使用的相关CSS：

html{ // Sets the default font size
    -webkit-font-smoothing: antialiased;
    color: #999999;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.aboutText{ // Holds the un-affected font 
    float: left;
    width: 280px;
    line-height: 18px;
    padding: 0px 20px 0px 20px;
}
.result{ // Holds the text made bigger with Text Booster
    line-height: 18px;
    color: 606060;
}

HTML：

<div class="spaceInner"></div>
<div class="mainText">
    <div class="result">$post_article</div>
</div>

<div class="mainText">
    <div class="aboutImg"></div>
    <div class="aboutText"><?php echo $site_about; ?></div>
    <div class="clearLeft"></div>
</div>

任何想法为什么一种字体缩小，但另一种字体缩小＆＃34;提升＆＃34;吗？

更新

我发现float: left阻止Text Booster更改字体大小。我不能在我的主要文本区域使用float，所以还有另一种选择???

移动设备（Android）Text Booster＆amp; CSS问题

0 个答案: