Едет верстка на IPad'е

[lolka84]

Всем привет.

Есть простая верстка: http://test.premier96.ru/main.html

Говорят (сам сабжевым девайсом не обладаю, поэтому воочию посмотреть не могу), что на айпаде кое-что едет, даже картинку дали как оно едет: http://test.premier96.ru/photo.jpg

Проблема даже не в том, что вообще мало понятно, почему оно так вот едет, а в том, что ВСЕ онлайн показометры сайтов на моб. устройствах ничего подобного не показывают, там все ок. Может у человека с браузером на девайсе фигня какая-то происходит ?

У кого айпад есть, гляньте, как у вас отображается или кто-то может просто подскажет, в чем может быть дело ?

Заранее благодарю!

Edited January 9, 2014 by lolka84

[Radiocity]

Загрузка протекает нормально, но в конце всплывает данный ужас (Safari, UCBrowser). Возможно, это связано с тем, что номер телефона оборачивается в техническую ссылку.

Edited January 9, 2014 by Radiocity

[lolka84]

Блин 

Что ему не хватает то тогда ?

Как вот вообще такие вещи проверять, если девайса под рукой нет, а онлайн-показометры врут ? 

Edited January 9, 2014 by lolka84

[sigma77]

Не врут

http://clip2net.com/s/6ydkio

http://www.browserstack.com/

Возможно едет из-за масштабирования.

Попробуй добавить

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

[Yazon_Nile]

1 телефонный номер автоматически на мобаил сафари оборачивается в ссылку.

2 а у вас есть такие замечательные строки в цсс

.head a {	width:180px;	height:52px;	background:url("../img/logo.jpg") 0% 0% no-repeat;	display:block;	top:116px;	right:40px;}

Соотв создается просто ссылка, которая у вас застаилена глобально от .head, что и вызывает баг.

Поменяйте .head a на .head .logo или просто .logo 

 

 

 

Отключить такое поведение можно так

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

[lolka84]

Всем спасибо, Yazon_Nile'у в особенности 

Век живи, век учись.

[Radiocity]

Проблема исчезла. Тоже буду теперь хнать