Articles of css

Inline vs включает js и css?

В среде с латентностью не менее 500 мс по мобильным соединениям 2G (~ 0.1 Мбит / с), что является самым быстрым и эффективным способом отправки клиенту примерно 10 килобайт css и js примерно в 5-10 файлов на сервер? Я могу представить три варианта: Объединение всех js в один файл и все css в один файл […]

Как остановить ВНУТРЕННУЮ прокрутку WebView в Android?

У меня есть WebView в моем приложении, в котором отображается HTML-контент, а размер содержимого HTML больше, чем размер WebView. Из-за чего содержимое прокручивается внутри него, когда пользователь тащит на него свой палец. Я хочу остановить эту ВНУТРЕННУЮ прокрутку, происходящую с контентом. Вот что я уже пробовал: WebView view = new WebView(context); //context is of Activity […]

Как добавить тень в ImageButton?

Это моя первая публикация. И я использую этот сайт как отличный ресурс. Но я столкнулся с проблемой. Я попытался применить теневой эффект к моему ImageButton, но он действительно работает? То, что я пытаюсь достичь, – это тень, которую вы можете увидеть на плавающем пузыре (Material Design). У меня есть круг ImageButton, но я хочу добавить […]

Размытые изображения на Android-браузере

Я пытался понять это несколько недель и не нашел реальных решений. Я обнаружил одно обходное решение, но я нахожу это очень раздражающим. Загрузка изображений размыта в моем браузере по умолчанию Galaxy S3, но в chrome & firefox они отлично загружаются без обходного пути. Изображения 2x уже для высоких экранов DPI, так что это не проблема. […]

Разница в рендеринге изображений по разным версиям Android

Мы пытаемся создать галерею изображений, используя Sencha Touch. Я создаю контейнерный объект с макетом hbox и шириной, равной window.innerWidth. Затем добавьте в него три контейнера. Каждый из них использует макет vbox и ширину, равную window.innerWidth / 3. Я добавляю в него изображения с шириной, равной ширине и высоте столбца, установленным на CSS, на «auto». Это […]

Почему размеры шрифтов EM очень малы на Android-мобиле?

Я использую em для размеров шрифта. Пример: body { font-size:16px; } h1 { font-size:2em; } @media (max-width:860) { body { font-size:0.8em; } } По какой-то причине я получаю супер крошечные шрифты на Android-мобильном телефоне. Что может быть причиной этого? Раньше я этого не испытывал. Скриншот

Почему этот CSS не работает для Chrome на Android, но работает везде?

Это меня действительно озадачивает. Я хочу, чтобы pic.jpg был неподвижным в фоновом режиме (не двигайтесь при прокрутке) и что он не растягивается. Он работает в каждом браузере (например, Chrome, Safari, Firefox), кроме Chrome на Android (он работает даже в оригинальном браузере Android) body{ background-color: transparent !important; background-image: url(<%= asset_path "pic.jpg" %>); background-position: center center; background-repeat: […]

Почему мобильные браузеры загружают мою страницу полностью увеличен?

В настоящее время я работаю над сайтом для клиента (все еще выполняется работа) и пытается исправить некоторые проблемы с мобильностью на сайте. Основная проблема, которую я испытываю, заключается в том, что мобильные браузеры (android + iphone) загружают сайт, полностью увеличенный в верхней левой части сайта. Я бы хотел, чтобы он уменьшался, чтобы соответствовать ширине всего […]

Граница границы с процентным значением, не поддерживаемым в 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.

Фиксированное позиционирование в браузере Android 2.3 должно работать … не так ли?

Я смотрю на сеть, я понимаю, что фиксированное позиционирование должно работать в Android 2.3, если у вас есть подходящие метатеги. Это мои текущие настройки видового экрана. <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> На моей Galaxy S2 div с фиксированным положением (в основном это тонкий заголовок в верхней части страницы) не остается на […]