Я столкнулся с этой проблемой в течение нескольких недель для приложения, которое мы разрабатываем. Ниже приведен код HTML, который я использую в веб-просмотре iOS:
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<style>
body {margin: 0; padding: 0;}
img {width:100%; height:auto; margin:0; padding: 0;}
</style>
</head>
<body>
<img src='http://hostname/image.jpg' />
</body>
</html>
Я погуглил, и sb сказал, что мы должны использовать несколько изображений для разных устройств: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html и Обслуживание дисплеев не-Retina и Retina с одной кодовой базой: платформа для масштабирование макетов и ресурсов для приложений HTML5 на устройствах iPhone или iOS? .
Но возникает вопрос: почему, когда я переключаюсь на просмотр изображений, то же самое изображение отображается хорошо, без размытия?
Я также попробовал решение для Android: Локальное изображение Android, отображаемое через веб-просмотр размыт, но он не работает для iOS.
