2014-04-07 9 views
5

पर सफारी में नहीं दिखाया गया है मैं एक html पृष्ठ जो एक निम्न पाठ है है:फोन नंबर आईओएस

<font face="Tahoma, Geneva, sans-serif">Please contact our sales person by email: [email protected] or by phone: 888-888-8888</font> 

यह iOS पर सफारी के अलावा हर ब्राउज़र में अच्छी तरह से प्रदर्शित करता है। संख्या वहां है, क्योंकि आप उस पर क्लिक कर सकते हैं, और आईओएस डिवाइस आपको इस नंबर पर कॉल करने के लिए संकेत देता है। यह सिर्फ दिखाई नहीं दे रहा है।

समाधान मैंने पाया में से एक पृष्ठ के शीर्ष करने के लिए निम्न कोड पंक्ति को जोड़ने के लिए है:

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

संख्या दिखाई देने लगता है, लेकिन सफारी अब एक फोन नंबर के रूप में मान्यता नहीं है, इसलिए उपयोगकर्ता टैप-टू-कॉल नहीं कर सकता है।

<a href="tel:888-888-8888" style="color:#000">888-888-8888</a> 

लेकिन उस मामले आईई वास्तव में करने के लिए जाने की कोशिश करता है में "tel:: 888-888-8888"

अन्य समाधान फोन नंबर के लिए एक कड़ी बनाने के लिए है लिंक है, इसलिए यह नहीं है सबसे अच्छा समाधान बिल्कुल।

तो सवाल यह है: क्या फोन नंबर को टेक्स्ट के रूप में रखना संभव है, लेकिन आईओएस उपकरणों पर सफारी में फोन नंबर के रूप में इसे दृश्यमान और पहचानने योग्य बनाना है?

अतिरिक्त जानकारी: क्योंकि यह लिंक के लिए सीएसएस फ़ाइल में निर्दिष्ट किया जाता

फ़ॉन्ट सफेद है। मैं इसे बदलना नहीं चाहता, क्योंकि यह अन्य सभी लिंक को प्रभावित करेगा, जो कि सफेद होने का अनुमान है। यह आईओएस पर केवल सफारी है जो फोन नंबर से हाइपरलिंक बनाता है।

उत्तर

1

लिंक के अलग-अलग वर्ग बनाने की कोशिश करें जो मूल के समान है और उस कोड के लिंक को आपके कोड में प्रत्येक लिंक बनाएं। एक सादा पाठ के रूप में फोन नंबर छोड़ दें। यह काम करना चाहिए।

0

font tag अप्रचलित है और इसका उपयोग नहीं किया जाना चाहिए। इसे HTML 4.01 में बहिष्कृत किया गया था और एचटीएमएल 5 में पूरी तरह से असमर्थित है।

यदि आप सीएसएस के माध्यम से अपना टेक्स्ट स्टाइल लागू करते हैं, तो इसे मोबाइल सफारी में दिखाना चाहिए।

बजाय:

<font face="Tahoma, Geneva, sans-serif">Please contact our sales person by email: [email protected] or by phone: 888-888-8888</font> 

प्रयास करें:

<span style="font-family: Tahoma, Geneva, sans-serif;"> 
     Please contact our sales person by email: [email protected] or by phone: 888-888-8888 
</span> 

आदर्श रूप में, आप पेज की प्रस्तुति निर्दिष्ट करने के लिए स्टाइल शीट का उपयोग करना चाहते हैं, लेकिन अगर तुम सिर्फ एक ड्रॉप-में समाधान चाहते हैं, कि ऐसा करना चाहिए काम। Write valid html, हालांकि, और आप इस तरह की समस्या में नहीं भागेंगे।

0

यह समाधान मुझे

a[href^=tel] { 
    color: inherit; 
    text-decoration: none; 
} 

के लिए काम किया मैं इसे यहाँ पाया। https://css-tricks.com/forums/topic/phone-numbers-not-displaying-in-safari/

ऐसा लगता है कि यह संख्या के साथ सफारी सौदों के तरीके के साथ एक अजीब सीएसएस मुद्दा है।

0

ऐसा लगता है कि आईओएस फोन नंबर को एक एंकर में बदल देगा, भले ही यह एंकर में न हो। इसे कक्षा या आईडी दें और फिर अपने एंकर को स्टाइल करें।

.contact { } 
.contact a { text-decoration: none; color: #000000; } 
संबंधित मुद्दे