Чтобы избежать адской плотности пикселей в мобильных телефонах, я использую SVG файлы в качестве фоновых изображений в моем CSS.
Chrome для android кажется рендерингом inline-svg просто отлично, но сбой, если svg
- используется в css с
background-image
и нормальным URL - используется в css с
background-image
и данными uri - используется с элементом
image
Брошюра обозревателя Android 4 отлично работает. (и все другие мобильные телефоны, которые я тоже пробовал)
Вы можете посетить эту скрипку и проверить это. Увеличьте масштаб, чтобы увидеть разницу.
Кто-нибудь знает, почему chrome использует некоторые предварительно обработанные растровые изображения здесь?