text wrap issue with Safari on iOS iPad

931 Views Asked by HDP At 19 October 2024 at 16:34

I have got a browser specific design issue with Safari iOS (using ipad). phone icon which I placed in the label field for that menu, bumps up to a second line. It is working fine other browser.

enter image description here

I tried with white-space:nowrap CSS. but that doesn’t work. So I am not sure if this is a wrap problem.

Any help would be greatly appreciated. Thanks

Original Q&A

There are 1 best solutions below

HDP On 11 June 2015 at 07:22 BEST ANSWER

I have realized. Safari will auto-detect any phone numbers on a web page and turn them into links.

In the <head> of your web pages, add:

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

text wrap issue with Safari on iOS iPad

There are 1 best solutions below

Related Questions in HTML

Related Questions in IOS

Related Questions in CSS

Related Questions in IPAD

Related Questions in SAFARI

Trending Questions

Popular # Hahtags

Popular Questions