Некоторые особенности верстки под устройства компании Apple

22 Марта 2015

Сегодня будет небольшой пост, посвященный некоторым особенностям верстки под устройства от компании Apple. Как известно, ребята из Купертино, разрабатывают во всех смыслах особенную продукцию, и хотя, по большей части, яблочная продукция действительно может служить эталоном качества, есть вещи, которые прямо-таки раздражают честных верстальщиков и программистов.

Начнем с того, что на ipad номера телефонов отображаются синим цветом, чтобы убрать это своеволие, нужно вставить в тег head следующую строчку:

<meta name="format-detection" content="telephone=no">

Еще одна особенность от apple – это закругленные поля для полей ввода. Убирается через css-свойство -webkit-appearance.

-webkit-appearance: none;

Еще одна важная деталь, которую нельзя упускать из виду( тем более с учетом популярность touch-устройств в целом) – это событие click, которое в некоторых случаях попросту не отрабатывается на планшетах. Скажем, код подобного рода, скорее всего, не будет работать на айпаде:

$("body,html").click(function(){
  //код функции
});

Вместо этого лучше пользоваться методом bind():

$("body,html").bind("click touchstart",function(e){
  //код функции
});

 

0
Комментарии

комментариев еще нету

Для того, чтобы выразить экспертное мнение, нужно авторизироваться