Articles of css3

Проблемы с браузером Android и обратными связями

У меня возникла проблема с реализацией 3D-преобразования (в частности, вращения оси Y) в браузере веб-браузера Androids. Моя реализация похожа на этот пример: http://desandro.github.com/3dtransforms/examples/card-01.html -webkit-transform: rotateY( 180deg ); перевернут через -webkit-transform: rotateY( 180deg ); Но кажется, что -webkit-backface-visibility: hidden; Не имеет никакого эффекта, поскольку задняя сторона div всегда видна. Вот скриншот из эмулятора Android 4.1: Что […]

Поддерживает ли Android Webview поддержку CSS3 WebKit Animations?

Поддерживает ли WebView Control на Android OS аппаратное ускорение анимации css3? И все webkit css (например: -webkit-transition bla bla), что у меня есть работа над Safari Mobile, они работают на Android?

Border-radius не работает в современном родном браузере Android

У меня есть страница, которая использует border-radius. Он не отображается в собственном браузере Android; Он появляется с квадратными углами. Он отображается на рабочем столе Chrome, IE, FF и т. Д., Но не в обычном браузере. Кто-нибудь знает, если это проблема с самим браузером, некоторые дополнительные расширения CSS, которые я не использую, и т. Д.? Вот […]

Css3 transform rotate3d с перспективой, не работающей на Android

У меня есть веб-приложение, которое использует 3D-преобразование, которое отлично работает в Android-браузере на Android 4.1. Однако одно и то же приложение в контейнере PhoneGap приводит к сжатию и расширению анимации, а не к 3D-вращению в перспективе. Есть ли способ заставить его работать в PhoneGap или использовать другой движок рендеринга, который просто не может делать 3D-преобразования? […]

Граница границы с процентным значением, не поддерживаемым в Android-браузерах

Есть известная проблема с использованием значений% в пограничном радиусе на Android-браузерах? Я замечаю, что когда я использую: .element { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } Радиус границы, похоже, работает на всех мобильных браузерах, но когда я использую: .element { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } Радиус границ не применяется в браузерах Android.

Событие Jquery click элемента div в элементе, не запущенном в мобильном Safari

Исправлено: Наконец, я генерирую элементы непосредственно, а не получая jQuery. Обновлено2: Кажется, это понятно. Я сделал пару тестов, только один уволил, что я вставляю в него ссылку. Но я не хочу связывать весь элемент li, но элемент div в li. Обновлено: я сделал некоторые изменения о позициях divs, теперь он работает в android, но мобильный […]

Android-браузер делает границы неправильными, если радиус границы меньше общей ширины границы

Это Android-ошибка 41913. Спасибо, кто открыл его! Это, я думаю, почти так же, как этот старый вопрос , хотя скриншот там выглядит странно иначе, чем то, что я вижу. То, что я пытаюсь сделать, это создать коробку с толстой верхней границей и закругленными углами, как в этом примере JSBIN . Это отлично работает на настольных […]

Сбой переполнения, не работающий на Android

У меня есть изображение, отображаемое в DD, который имеет закругленные углы. Когда я его создаю и получаю на устройстве Android, переполнение: скрытое не работает, и полная картинка отображается над dd. У кого-нибудь еще есть эта проблема и знаете обходное решение / исправление? Это CSS для DD. .empImage { position:absolute; width:90px; height:110px; top:0; right:0; overflow: hidden; […]

Что делает -webkit-text-size-adjust?

Я пытаюсь понять использование -webkit-text-size-adjust:none; , Добавление / удаление, которое не влияет на размеры моего шрифта на Android (хром) или iOS (сафари и хром). Так в чем польза?

Как правильно использовать соотношение -webkit-device-pixel-ratio на iOS и Android?

-webkit-device-pixel-ratio поддерживается как iOS, так и Android, но поскольку iOS не поддерживает target-densitydpi=device-dpi это приводит к разным результатам. Например: @media screen and (-webkit-device-pixel-ratio: 2) { body { font-size: 2em; } } Сделает шрифт хорошо выглядеть на Galaxy Nexus, но на iPhone 4 он будет слишком большим. Есть ли способ эмулировать target-densitydpi=device-dpi на iOS без JavaScript […]

Intereting Posts
Ошибка: – Выполнение неудачно для задачи ': app: dexDebug' в андроид-студии Одновременная запись в базу данных Android (из нескольких служб)? Ресурсы сетевого программирования для Android (Java) Как собрать собственную стеклу без страшного разрешения READ_LOGS? Android: Где найти RadioButton Drawable? Как перекрыть элементы в LinearLayoutManager – RecyclerView (например, карты укладки) Как вернуть тему из Darcula в дефолт в Android Studio Отображение анимации флип-карты на старом андроиде Android Studio / Gradle build не может найти пользовательский класс приложения В чем разница между минимальной версией SDK / целевой версией SDK и компиляцией SDK-версии? Устанавливать гравитацию вида программно Android Nexus 7 DPI для Eclipse Подключение SSL-разъема Sqlite на Android: как создать функцию sqlite dist db – для использования в приложении для расчета расстояния с использованием lat, long Java.lang.SecurityException: сбой разрешения BLUETOOTH. (Только для устройств Samsung)