Наложение псевдоним Android WebView

При использовании border-radius на моем эмуляторе Android я вижу уродство:

Уродливый пограничный радиус http://beautifulpixel.com/assets/5554_FastAndSmall-20100726-130326.png

В любом случае, чтобы заставить Android отображать закругленные углы через -webkit-border-radius более приятным способом? Большинство современных настольных браузеров и Mobile Safari, похоже, сглаживают их углы, но не рендеринг Android.

Я действительно надеюсь, что мне не нужно делать это с изображениями, и есть какой-то потрясающий трюк, чтобы получить красивые углы с объявлением только c границей css.

Я действительно абсолютно нуждался в слишком уловке, чтобы сделать пограничный радиус более гладким в браузере Android, поэтому я придумал это простое, но эффективное решение. Я просто добавил тень, как показано ниже, в мой класс css:

 -webkit-box-shadow: 0 0 1px #000; 

Есть небольшая проблема, просто добавляющая эту строку кода в ваш css: да … она будет нацелена на все браузеры -webkit, делая внешний вид границы (немного) менее четким.

В то время, когда я пишу это, я еще не придумал идеальное решение, но вы можете эффективно использовать медиа-запросы, ограничивающие правило, если вы используете свойство max-width (чтобы ограничить диапазон устройств на основе Их ширину экрана, по крайней мере, ручные веб-браузеры для веб-сайтов) или «-webkit-device-pixel-ratio» для ориентации на различные устройства Android на основе их плотности пикселей:

 @media only screen and (-webkit-device-pixel-ratio:.75){ /*for low density (ldpi) Android layouts */ } @media only screen and (-webkit-device-pixel-ratio:1){ /*for low density (ldpi) Android layouts */ } @media only screen and (-webkit-device-pixel-ratio:1.5){ /*for low density (ldpi) Android layouts */ } 

Наилучшее отношение и хорошее проектирование для всех. Надеюсь, я помог отчаянному андроидному одержимому дизайнеру-одержимому дизайнеру, как и мне;)

К сожалению, в текущем выпуске Android нет никакого бессмысленного решения.

Для простого отображения круга, используя преобразование вместе с -webkit-backface-visibility: hidden; В соответствии с этим ответом может помочь (хотя трансформации стоят дорого на устройствах Android на нижнем уровне).