html - 使用 webkit-overflow-scrolling 时 iOS 文本和图像模糊 : touch

标签 html ios css ios5 mobile-safari

webkit-overflow-scrolling: touch;

这在滚动方面非常有效,但它在 <DIV> 中明显模糊了文本和图像。与 overflow: scroll应用。我已经在 3 台装有 iOS5 的不同 iPad 上试过了。

Apple 原生的缓动/反弹算法比任何等效的 JS 算法都要好得多,所以我想开始使用这个新功能!我需要使用的字体更加引人注目。

这是一个演示,您可以在装有 iOS5 的 iPad 上试用:

http://sseeger.drivehq.com/test.htm [Stark,没有 webkit-overflow-scrolling: touch;]

http://sseeger.drivehq.com/test2.htm [模糊,webkit-overflow-scrolling: touch;]

最佳答案

您看到的问题是由于 ipad 的默认缩放。保罗的回应是正确的,但也不必要地禁用了用户缩放。您只需要正确设置屏幕的初始比例和宽度。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

对于我的测试用例,尝试在 ipad 上打开这两个页面: http://www.jasonbuckboyer.com/playground/ios/overflow_scrolling/blurred.html (模糊) http://www.jasonbuckboyer.com/playground/ios/overflow_scrolling/not_blurred.html (不模糊)

关于html - 使用 webkit-overflow-scrolling 时 iOS 文本和图像模糊 : touch,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7881483/

相关文章:

ios - AULab 没有将 AUSampler 列为音频单元乐器

html - 设置无序列表和填充样式时出现异常 : 0

javascript - 任何好的 firefox 跨浏览器网页兼容性测试插件?

javascript - 来自图像源的 Canvas 像素动画

jquery - 向左滚动的内联验证

python - 将 html 写入 csv 时出现奇怪的格式

ios - 即时更改自定义 UIView 中的标签文本

ios - 我们是否需要在 iOS 应用程序中以 @3x @2x 和 @1x 生成视频 Assets 作为图像 Assets ?

html - CSS 在 apache2 服务器上的 Flask 应用程序中不起作用

javascript - Angular:如何根据不同模板的输入为特定组件中的变量赋值