На яблофоне косяки в верстке

@zsaz · Регистрация: 05.04.2010

Author24 — интернет-сервис помощи студентам

Почему-то на яблофоне косяки какие-то вылезли

я даже не знаю, чего делать-то дальше. На винде в сафари косяков таких нет, только в гаджетах.

сам сайт http://тсжвиктория.рф/

Комментарий администратора TaatshiЗагружайте изображения и файлы на форум и прикрепляйте к сообщению.
Обновленная Памятка «Как работать в редакторе сообщений»

@yan_azov · 17.06.2014, 11:29

Мобильный браузер Safari, который по умолчанию стоит на iPhone и iPad, телефонный номер считает ссылкой.

Номер становится цветом ссылки, может создать перенос на следующую строку и совсем развалить верстку.

Решение довольно простое – добавляем специальный мета-тег в header нашего макета:

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

Это копипаст с инета. Как всегда гуглом никто пользоватся не хочет.
А насчет того что инпуты съехали, где то не правильное позиционирование. Так по быстрому не скажу, но сколько верстал под смартфоны - такого быть не должно есть все корректно спозиционировать.

@zsaz · 17.06.2014, 11:42 **[ТС]**

@yan_azov · 17.06.2014, 12:11

конечно же вам виднее. главное что б при таком аргументе поверил клиент и заплатил денюжку )

@Taatshi · 20.06.2014, 22:37

zsaz, ну так задайте для этого блока специфический цвет ссылки.

Я помню, специально оборачивала телефон в теги ссылки и прописывала ей нужный цвет.

@MVS76 · 21.06.2014, 03:14

Не по теме:

Раньше только одна была головная боль - IE, а теперь еще и ай-пед ее подкинул

@zsaz · 21.06.2014, 17:13 **[ТС]**

с телефоном разобрался. Совет выше помог. Сразу не видно было, т.к. кэш походу дела был.

А вот с отступами так и не разобрался. Ну да ладно, позже сделаю

Вот теперь я еще больше не люблю яблофоны

@yan_azov 8 / 8 / 3 Регистрация: 13.10.2013 Сообщений: 27
	17.06.2014, 11:29	2
	Мобильный браузер Safari, который по умолчанию стоит на iPhone и iPad, телефонный номер считает ссылкой. Номер становится цветом ссылки, может создать перенос на следующую строку и совсем развалить верстку. Решение довольно простое – добавляем специальный мета-тег в header нашего макета: <meta name = "format-detection" content = "telephone=no" /> Это копипаст с инета. Как всегда гуглом никто пользоватся не хочет. А насчет того что инпуты съехали, где то не правильное позиционирование. Так по быстрому не скажу, но сколько верстал под смартфоны - такого быть не должно есть все корректно спозиционировать. 0

@zsaz 0 / 0 / 0 Регистрация: 05.04.2010 Сообщений: 19
	17.06.2014, 11:42 [ТС]	3
	<meta name = "format-detection" content = "telephone=no" /> не помогло, все равно ссылкой. А позиционирование как позиционирование. Во всех браузерах и в гуглофоне отлично показывает. 0

@yan_azov 8 / 8 / 3 Регистрация: 13.10.2013 Сообщений: 27
	17.06.2014, 12:11	4
	конечно же вам виднее. главное что б при таком аргументе поверил клиент и заплатил денюжку ) 0

@Taatshi Администратор 12268 / 5333 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	20.06.2014, 22:37	5
	zsaz, ну так задайте для этого блока специфический цвет ссылки. Я помню, специально оборачивала телефон в теги ссылки и прописывала ей нужный цвет. 0

@MVS76
	21.06.2014, 03:14 #6
	Не по теме: Раньше только одна была головная боль - IE, а теперь еще и ай-пед ее подкинул 0

@zsaz 0 / 0 / 0 Регистрация: 05.04.2010 Сообщений: 19
	21.06.2014, 17:13 [ТС]	7
	с телефоном разобрался. Совет выше помог. Сразу не видно было, т.к. кэш походу дела был. А вот с отступами так и не разобрался. Ну да ладно, позже сделаю Вот теперь я еще больше не люблю яблофоны 0