Почему мой стол размыт?

Question

Я создаю приложение HTML5 для iPhone, когда столкнулся с проблемой. Как вы можете видеть на следующем рисунке, все размыто.

Вот обычная страница сайта:

Я пытался использовать -webkit-transform: translateZ(0); в моем css, но это не делает его четким и четким, как второе изображение.

Как сделать текст (и таблицу) четким, как на втором изображении?

Answer 1

Это предположение, но похоже, что Mobile Safari может масштабировать ваш стол до размеров экрана. (Если вы можете ущипнуть и увеличить масштаб, чтобы получить более четкий и четкий текст, это явный признак.) Попробуйте использовать тег <meta name="viewport" content="initial-scale=1.0">, чтобы установить коэффициент масштабирования, и посмотрите, имеет ли он значение.