Текст и изображения iOS размыты при использовании прокрутки через веб-набор: коснитесь - PullRequest
Новая
       22

Текст и изображения iOS размыты при использовании прокрутки через веб-набор: коснитесь

3 голосов
/ 25 октября 2011

webkit-overflow-scrolling: touch;

Это прекрасно работает с точки зрения прокрутки, но оно заметно размывает текст и изображения в <DIV> с применением overflow: scroll.Я пробовал это на 3 разных iPad с iOS 5.

Алгоритм замедления / отскока, встроенный в Apple, намного лучше, чем любой аналог JS, поэтому я хотел бы начать использовать эту новую функцию!Это еще более заметно с шрифтом, который мне требуется использовать.

Вот демонстрация, которую вы можете попробовать с iPad с iOS5:

http://sseeger.drivehq.com/test.htm [Stark, NOпрокрутка переполнения webkit: прикосновение;]

http://sseeger.drivehq.com/test2.htm [размытие, прокрутка переполнения webkit: прикосновение;]

Ответы [ 4 ]

2 голосов
/ 06 июля 2012

Проблема, с которой вы столкнулись, связана с масштабированием 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 (не размыто)

1 голос
/ 29 декабря 2015

-webkit-perspective: 0;

работал на меня.

0 голосов
/ 03 января 2012

Попробуйте добавить следующий метатег в раздел заголовка вашей страницы. 

<meta name="viewport" content="width = device-width, initial-scale = 1.0, user-scalable = "no"/>
0 голосов
/ 09 ноября 2011

В симуляторе iOS не похоже, что оно размыто.Я могу понять, почему он будет размытым, если используется webkit-overflow-scrolling, так как он должен отображать содержимое по-разному, когда задействован импульс (по крайней мере, я так думаю).

Что касается решения, выпридется подождать, пока Apple решит проблему (если она затрагивает широкую аудиторию).

...