0

我在 iOS 7 中有一个带有模糊文本的 web 视图。有很多带有解决方案的帖子,但是它们似乎都不适用于我的情况。到目前为止,我发现的最佳解决方案是应用于-webkit-transform: translateZ(0);模糊元素,如此处所示。但是这样做会导致-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*/
}
4

1 回答 1

0

尝试将其添加到您的 css 中:

-webkit-text-size-adjust:none;
于 2014-03-24T17:40:43.883 回答