Articles of css3

HTML-размер шрифта для мобильных устройств

У меня есть приложение, которое работает на Android и IOS. В приложении есть несколько компонентов WebView, отображающих HTML Из того, что я нашел, есть единицы «em» и « viewport », а также «@media» в css. Я новичок в HTML5 и CSS3, может кто-нибудь, пожалуйста, покажет мне пример отзывчивого размера шрифта для мобильных устройств. Для меня […]

Firefox для Android (v18) Сброс CSS?

Я пытаюсь удалить ненужные тени и градиенты ящиков из таких элементов, как <input type="text"> , <textarea> , <select> и <button> в последней версии Firefox для Android (v18). Настольная копия Firefox для Ubuntu и Windows не имеет такой же проблемы. Safari на iOS также добавляет стиль, чтобы некоторые элементы выглядели более родными , однако сброс нежелательных […]

Отзывчивый дизайн не работает на Android?

Я тестирую как Nexus 4 – 4.1.1 – 768×1280, так и Xperia Z – 4.2.2 – 1080×1920 … В обоих случаях мой сайт (который реагирует на настольные компьютеры) лишь частично реагирует на телефоны Android. WP8 работает отлично (удивительно) – и работает iPhone 5 – кроме высоты немного больше, чем должно быть (липкий нижний колонтитул не […]

CSS-градиент не работает на Android 2.3.6?

Я использую этот код для div background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%); И добавить префиксы поставщиков Я использую эту библиотеку http://leaverou.github.com/prefixfree/ Он отлично работает в Chrome, Firefox, Safari, iPhone, iPad, но не в браузере по умолчанию Android 2.3.6. Я делаю что-то неправильно? http://caniuse.com/#search=gradients Редактировать: После ответа @mdmullinax я изменил его на background: url(../img/texturee.png), -webkit-linear-gradient(left, […]

Webview не поддерживает флеш-бокс на Android Jellybean

У меня есть веб-просмотр, который загружает веб-страницу, которая включает в себя гибкую коробку. Гибкая коробка Div отображается правильно на эмуляторе Kitkat, но не работает на старых версиях Android, таких как Jellybean. Коробки должны отображаться горизонтально, но они показаны вертикально. Вот мой код HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test</title> </head> <body> <div style="display:flex; […]

Анимация CSS3 не работает на Android 4.2

Я разрабатываю приложение с использованием Worklight, где мне нужно поместить небольшое анимированное изображение с помощью CSS. В тестах на устройствах Android с версией 4.4 работает отлично, я провел несколько тестов на устройствах с Android 4.2 и 4.1, и эта же анимация не работает. IPhone 5 работает отлично. Мой код: <html> <style type="text/css"> .image-arrow { content: […]

Поддержка CSS3 в мобильных браузерах

Что, если есть, поддержка для CSS3 в мобильных браузерах? Мне особенно интересны конкретные браузеры, которые используются в телефонах iPhone, Android и Blackberry. Также будут высоко оценены любые ссылки на соответствующие ресурсы.

3d css transform (translateZ) не работает на android 4.0.3?

У меня есть этот html, который отлично работает на Chrome, Safari и Mobile Safari. <html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> </head> <body> <div style="position:relative;-webkit-perspective:1000;width:300px;height:50px"> <div style="position:relative;width:300px;height:50px;-webkit-transform-origin:0px 25px 0px;-webkit-transform-style:preserve-3d;"> <div style="position:absolute;width:300px;height:50px;-webkit-transform:translateZ(125px);background-image:url(http://i855.photobucket.com/albums/ab119/ansherina6/banner2-1.png)"></div> </div></div> </body></html> На android 4.0.3, translateZ не показывает никакого (желаемого) эффекта на div. Помимо translateZ, все остальное работает нормально. Если я использую translate3D […]

Google Maps замедляет работу в Android 2.2 при использовании преобразований CSS3

Я не могу преобразовать CSS3 и Google Maps, чтобы хорошо играть вместе в WebView Android 2.2. Вот скрипка с двумя кнопками для тестирования преобразований. Вам нужно будет включить «Emulate touch events» в Chrome, чтобы иметь возможность нажимать на них на рабочем столе. Устройство, которое я использую, имеет экран 1024×600. Если я не делаю ничего особенного, […]

В браузере Chrome на Android появилась странная ошибка

У меня есть какая-то действительно странная ошибка с тень и тень Android-Chrome. Chrome на моем рабочем столе отлично работает, но на Android он показывает странный эффект тени. Взгляните на этот снимок экрана, чтобы лучше понять, что происходит: Как вы можете видеть, Chrome на Android визуализирует как теневую тень, так и коробчатую тень по-другому. Вот пример […]

Intereting Posts
Как настроить PagerTabStrip с помощью stripDrawable и spacing Android: ProgressDialog не показывает Как войти в facebook в WebView, если у вас уже есть токен доступа из FB SDK в Android Android: загрузка JavaScript с помощью WebView.loadUrl, но сохранение мягкой клавиатуры Обработка баз данных перестала работать на Android 2.2.1 (Desire HD 1.72.405.3) Как загрузить все поля из базы данных и отсортировать результат после одной строки с помощью GreenDao? Обновление Android 6.0, вызвавшее крах sqlite DB во время init Как включить / отключить виджеты приложений в Android на основе версии sdk? Android: как получить этот тип таймера? Как добавить значки в элементы в навигационном ящике Сделайте эмулятор Android по умолчанию быстрее Java.lang.ClassCastException: android.view.AbsSavedState $ 1 не может быть добавлено в файл android.support.v7.widget.Toolbar $ SavedState Unzipping zip-файл дает «java.util.zip.ZipException: не может читать версию» или «java.util.ZipException Не удается прочитать локальный заголовок версии 45» ActionBar up navigation воссоздает родительскую активность вместо onResume Как бороться с различными пропорциями в libGDX?