Just Blog about nothing

26Сен/11Off

box-shadow и border-radius в Android 3

box-shadow и border-radius в Android 3

Стандартный браузер у планшетных компьютеров с ОС Android 3 некорректно обрабатывает внутреннюю тень (-webkit-box-shadow: inset ...) в сочетании с закруглёнными углами (border-radius), добавляя фон без скруглённых уголков.

Метки записи: , Нет комментариев
17Сен/11Off

Автоматическое изменение размеров текста в iOS

Автоматическое изменение размеров текста в iOS

Safari для устройств с iOS (iPhone, iPod touch и iPad) автоматически регулирует размеры текста, даже если вы отключили scale для страницы с помощью тега viewport. Это может приводить к изменению размеров текста, например при повороте устройства. Для управления фичей служит css свойство -webkit-text-size-adjust, которое может принимать значения none | auto | %value. Соответственно, чтобы отключить регуляцию размеров текста браузером, достаточно задать свойству значение none:

-webkit-text-size-adjust:none;
Метки записи: , , , , , Нет комментариев
17Сен/11Off

Подсветка активных ссылок и кнопок на Android

Подсветка активных ссылок и кнопок на Android

Браузер Android выделяет кнопки, ссылки и другие интерактивные элементы при касании оранжевым прямоугольником. Часто возникает задача стилизовать или убрать эту подсветку. Свойство outline здесь не работает, необходимо использовать свойство -webkit-tap-highlight-color. Если надо убрать подсветку - можно использовать

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
Метки записи: , , Нет комментариев
   

Social Widgets powered by AB-WebLog.com.