Некорректно отображается верстка в Safari

@sergey_ku · Регистрация: 26.06.2015

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

Всем доброго времени суток!
Верстаю сайт.
Заказчик говорит что у него с iphon - а, ipada - а, именно с браузера Safari не отображается номер в рамке слева и в разделе сайта Контакты. Вот скрины:

Некорректно отображается верстка в Safari

А должно быть так:

У меня Айфона и Айпада нету, проверить не могу. Но с ПК и с Android смартфона номера телефонов видны.
Можете кто нибудь посмотреть, если есть айфон или айпад. И в чем может быть проблема с отображением номеров?

@fol · 03.12.2016, 19:14

browserstack в помощь

@monochromer · 03.12.2016, 21:04

Скорее всего проблемы с тем, что Safari на iOS распознает телефонные номера и преобразует их в ссылки.
Решение - вставить в секцию head:

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

@sergey_ku · 03.12.2016, 21:40 **[ТС]**

fol,
В browserstack я проверял в браузере Safari. Все нормально отображается.
Не отображается именно на самих гаджетах от Apple как я понял.
monochromer,
такой вариант не помог.

@monochromer · 05.12.2016, 11:01

Сообщение от sergey_ku

такой вариант не помог

вроде теперь отображается как надо

@sergey_ku · 06.12.2016, 20:00 **[ТС]**

monochromer,
Да. все нормально. Разобрался. Спасибо вам!

@Mailo · 07.12.2016, 02:54

Сафари это современный IE, в определенных случаях неспособный воспринимать inline элементы, а может быть и во всех, не было времени протестить да и оборудования тоже, но сюрпризы преподносит из далеких 90x.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@sergey_ku 0 / 0 / 0 Регистрация: 26.06.2015 Сообщений: 159

	Некорректно отображается верстка в Safari 03.12.2016, 18:05. Показов 15793. Ответов 6 Метки нет (Все метки) Всем доброго времени суток! Верстаю сайт. Заказчик говорит что у него с iphon - а, ipada - а, именно с браузера Safari не отображается номер в рамке слева и в разделе сайта Контакты. Вот скрины: А должно быть так: У меня Айфона и Айпада нету, проверить не могу. Но с ПК и с Android смартфона номера телефонов видны. Можете кто нибудь посмотреть, если есть айфон или айпад. И в чем может быть проблема с отображением номеров? 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	03.12.2016, 19:14
	browserstack в помощь 0

@sergey_ku 0 / 0 / 0 Регистрация: 26.06.2015 Сообщений: 159
	03.12.2016, 21:40 [ТС]
	fol, В browserstack я проверял в браузере Safari. Все нормально отображается. Не отображается именно на самих гаджетах от Apple как я понял. monochromer, такой вариант не помог. 0

@sergey_ku 0 / 0 / 0 Регистрация: 26.06.2015 Сообщений: 159
	06.12.2016, 20:00 [ТС]
	monochromer, Да. все нормально. Разобрался. Спасибо вам! 0

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	07.12.2016, 02:54
	Сафари это современный IE, в определенных случаях неспособный воспринимать inline элементы, а может быть и во всех, не было времени протестить да и оборудования тоже, но сюрпризы преподносит из далеких 90x. 0