Articles of css3

Android Browser textarea прокручивается повсюду, непригодна для использования

Поэтому я создал красивое, блестящее приложение HTML5, предназначенное для мобильных Safari и браузера по умолчанию Android. Версия Android, на которую я тестирую, – 2.1 и 2.2. У моего приложения есть текстовое поле на одной из его страниц, и это текстовое поле имеет тенденцию иметь хороший объем текста в нем время от времени. В основном это […]

Запросы СМИ не ведут себя так, как ожидалось на Android

У меня есть 4 медиа-запросов. 1-я, 3-я и 4-я работы, но вторая, похоже, не активируется. Почему 480×720 (второй медиа-запрос) по умолчанию относится к первому мультимедийному запросу? @media screen and (max-width: 320px) and (orientation: portrait) { body{background:#F0F;} } @media screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait) { body{background:#F00;} } @media screen and (max-width: […]

PhoneGap – клавиатура делает экран черным и мерцающим в течение некоторого времени на Samsung Galaxy Tab 10.1

Я разрабатываю мобильные приложения, используя HTML5 и CSS3, используя PhoneGap. Моя проблема заключается в том, что всякий раз, когда я касаюсь текстового поля на моей веб-странице, работающей на Samsung Galaxy Tab 10.1 (Android v3.1), он показывает клавиатуру, но на черной странице она занимает часть секунды. Время от времени он мерцает, показывая черный фон, а затем […]

Как я могу получить значение счетчика webkit-column-count и текущую страницу или идентификатор столбца?

Я разрабатываю приложение, используя webview в android. Я загружаю страницу в webview и динамически разбиваю несколько столбцов с использованием свойства web-сайта CSS3. Как только пользователь достигнет последней страницы / столбца, я должен показать диалог подтверждения TOC. Кто-нибудь может посоветовать мне, как это сделать? height:600px; -webkit-column-width:600px; -webkit-column-count:auto;

Отключить выноску (контекстное меню) на Android

В веб-приложении мне нужно отключить выноску по умолчанию, отображаемую мобильными браузерами при касании и удержании («длинное нажатие») на целевую мишень, например, <img> или ссылку. Я уже использую -webkit-touch-callout: none; Который отлично работает на iPhone и iPad, но, похоже, не работает на Android (протестирован на Android 4.4). Этот пост из списка рассылки W3 предлагает добавить слушателя […]

Android-браузер игнорирует отзывчивый веб-дизайн

Я только что начал конвертировать мой сайт с «Отзывчивым веб-дизайном». Я установил плагин «Веб-разработчик» для Firefox ( http://chrispederick.com/work/web-developer/ ), чтобы проверить, работает ли он. Все выглядело отлично. Теперь я попробовал это с моим телефоном Android. Я не работал правильно для портретного режима … Я отслеживал проблему до неправильной обработки @ медиа-селекторов по телефону: На этой […]

Как отлаживать CSS в собственном браузере Android?

Я создаю гибридное приложение с Cordova для Android. HTML5 / CSS3 отображается корректно с помощью Chrome для настольных компьютеров и Chrome для Android. Однако через Кордову HTML5 / CSS3 отображается с помощью собственного браузера (приложение под названием «Интернет»). И, похоже, есть несколько проблем с интерпретацией CSS. Firefox имеет Firebug, а в Chrome есть панель разработчика, […]

Закрепить правильную интерпретацию процента преобразования CSS3 на Android

Tl; dr ? Получить механизм, показанный в приведенной ниже ссылке, вести себя с ускорением GPU в браузере Android Chrome и по умолчанию. ОБНОВЛЕНИЕ 2 (2014-01-13 13: 25: 30Z): Согласно комментарию bref.it ниже, сообщаемое поведение исправлено с Android 4.4 KitKat, но исправление, описанное ниже, теперь прерывает его! Закон подлости. ОБНОВЛЕНИЕ 1 (2012-11-01 17: 54: 09Z): поведение […]

Background-size: обложка не работает в портрете на планшете Android

Я использую свойство background-size для полного изображения по ширине и высоте, но у меня проблемы с его полным покрытием в Chrome на планшете Nexus7 в портретном режиме. Он охватывает только ширину, а не высоту, то есть ниже 200px белого пространства ниже нее. Однако, когда я просматриваю сайт на рабочем столе Chrome (или что-то еще) и […]

CSS Media Query – Soft-клавиатура нарушает правила ориентации CSS – альтернативное решение?

Я работаю с несколькими планшетными устройствами – Android И iOS , В настоящее время у меня есть следующие варианты разрешения для всех таблиц. 1280 x 800 1280 x 768 1024 x 768 (iPad явно) – iPad не имеет этой проблемы Самый простой способ применения ориентированного на ориентацию устройства стиля – использовать ориентацию медиа-запроса, используя следующий […]