Почему мой телефон и факс p-теги в нижнем колонтитуле вредны для мобильных устройств Apple?

Question

Вот ссылка: https://www.valleyconstructionsupply.com/

На устройствах Apple слова «телефон» и «факс» находятся справа, а их соответствующие номера - слева. Я не могу понять, что происходит, потому что chrome, когда я проверяю, они там, где они должны быть.

Answer 1

Это одна из самых странных вещей, которые я видел за последнее время! Это выглядит так, как для меня на Chrome для iOS, но на Safari на iOS это как вы описали. Ваш HTML чистый и простой, а стиль CSS не делает ничего такого, что могло бы испортить макет. Я мог что-то упустить, но я действительно не понимаю, что это будет. Это хак, но я предполагаю, что вы пытаетесь вытащить это за дверь; таким образом, я бы посоветовал заставить Safari не связываться с вашим макетом, выполнив что-то вроде:

<p style="white-space: nowrap">Phone:&nbsp;(800)&nbsp;922-2082</p>

Это ужасно, но, вероятно, сработает. Safari, вероятно, пытается и не может выделить номер телефона, чтобы его можно было кликнуть в приложении «Телефон», и в процессе запутывается ваш макет. Буквально не могу придумать, почему иначе это произошло бы.