Question

我在iOS 7中有一个带有模糊文字的网页视图。有很多帖子都有解决方案，但是在我的情况下它们似乎都不起作用。到目前为止，我发现的最佳解决方案是将-webkit-transform: translateZ(0);应用于模糊元素，如here所示。但这样做会导致-webkit-overflow-scrolling: touch;无法操作。任何建议都将不胜感激。

更新：这是与滚动包装器相关联的CSS和包含模糊文本的元素

#scrolling_element {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow: auto !important;
}

.elements_w_blurry_text {
    position: relative;
    border: 1px solid #000;
    background-image: url("../path/to/img.png");
    background-repeat: repeat;
    -webkit-transform: translateZ(0);/* or any other suggested code*/
}

Answer 1

尝试将此添加到您的css中：

-webkit-text-size-adjust:none;

具有模糊文本的iOS Web视图

1 个答案: