आईफोन/आईपॉड सीएसएस हैक पर मोबाइल सफारी

Question

क्या किसी को आईफोन और आईपॉड टच पर केवल मोबाइल सफारी को लक्षित करने के लिए एक अच्छा आधुनिक सीएसएस हैक पता है?

मैं @media screen and (max-device-width: 480px) देख रहा हूं, लेकिन यह 3 साल पहले से है और अब दूसरों के बीच नेक्सस एस से मेल खाता है।

(यह एक सूक्ष्म लेआउट मुद्दे को ठीक करने के लिए है। मैं सूँघने ब्राउज़र बुराई आदि है एहसास)

Answer 1

http://cssuseragent.org और डार्क साइड में आपका स्वागत है।

Answer 2

आप वेब उपयोगकर्ता एजेंट स्ट्रिंग की जाँच करने के लिए है पर विशिष्ट उपकरणों को लक्षित करना only screen and (-webkit-min-device-pixel-ratio: 2)

Answer 3

एक ही रास्ता उपयोग कर सकते हैं । सभी सेब उपकरणों का नाम उपयोगकर्ता एजेंट स्ट्रिंग में होता है। जैसे आईफोन में "आईफोन" होगा और आईपॉड में "आइपॉड" होगा। सीएसएस को गतिशील रूप से लागू या लोड करने के लिए इसका उपयोग करें।

Answer 4

आप -webkit-min-device-pixel-ratio: 2 के लिए भी पूछ सकते हैं। मुझे विश्वास नहीं है कि ऐसे ब्राउज़र हैं जो इस समय 2 से अधिक की रिपोर्ट करते हैं (हालांकि कुछ रिपोर्ट कम है, इसलिए न्यूनतम अनुपात का उपयोग करें) - हालांकि, इसमें आईफोन 3 जीएस और गैर-रेटिना आइपॉड टच डिवाइस शामिल नहीं हैं। उन लोगों के लिए, आपको कुछ उपयोगकर्ता-एजेंट स्नीफिंग करना होगा।

Answer 5

तुम सिर्फ मोबाइल पर सफारी लक्षित करने के लिए की जरूरत है, तो बस इस हैक करने के लिए एक मीडिया क्वेरी जोड़ें:

@media screen and (max-width: 767px) { 
    _::-webkit-full-page-media, _:future, :root .safari_only { 
     padding: 10px; //or any property you need 
    } 
} 

और भूल तत्व आप लक्षित करना चाहते करने के लिए .safari_only वर्ग में शामिल नहीं करना , उदाहरण:

<div class='safari_only'> This div will have a padding:10px in a mobile with Safari </div> 

एक विस्तार: इस वाला है जो एक Android डिवाइस :)