विंडोज पर मैक और क्रोम पर क्रोम के बीच कोई अंतर?

Question

मैं CSS3 और HTML5 का अध्ययन कर रहा हूं और एक साधारण होमपेज विकसित करने की कोशिश कर रहा हूं। चूंकि मेरे पास मेरे घर में केवल मैक इंटरफ़ेस है इसलिए मैं विंडोज़ पर कोई अंतर नहीं देख सका।

लेकिन एक दिन, मेरे परिचितों में से एक ने मुझे बताया कि ब्राउज़र के बीच एक पिक्सेल अंतर है जिसे मैं बिल्कुल नहीं जानता था। तब मैंने अपने पेज की जांच की और यह गलत लगता है।

भले ही यह सेट जैसा ही संकल्प था, मैक पर क्रोम ने मुझे कई बटनों की उचित स्थिति दिखायी लेकिन विंडोज़ पर क्रोम नहीं था।

उनकी स्थिति काफी अलग थी और डिजाइन को बर्बाद कर दिया गया था। मैं इस समस्या को कैसे ठीक करुं? या यह सामान्य है?

धन्यवाद।

Answer 1

ऑपरेटिंग सिस्टम और ब्राउज़र के प्रत्येक संयोजन पर समान साइट विकसित करना कोई आसान काम नहीं है। इसने मुद्दों को ठीक करने की कोशिश कर मेरे विकास के समय में व्यक्तिगत रूप से कई घंटे जोड़े हैं।

वहां कई टूल हैं जो इस कार्य के साथ आपकी मदद करने का प्रयास करते हैं, जैसे Cross Browser Testing। या आप अपनी मशीन पर ब्राउज़र इंस्टॉल करके मैन्युअल रूप से इसका परीक्षण कर सकते हैं। अन्य प्लेटफार्मों पर अपनी वेबसाइट का परीक्षण करने के लिए आभासी मशीनों का उपयोग करना भी आम है। VMware लोकप्रिय है।

क्रॉस ब्राउज़र पुस्तकालयों का उपयोग करने से भी इसमें सहायता मिल सकती है। जैसे jQuery, जो बहुत लोकप्रिय है। यह page सामान्य रूप से विषय पर अधिक जानकारी सूचीबद्ध करता है।

Answer 2

अंतर क्रोम में नहीं है, लेकिन अंतर मैक और विंडोज में है। यहाँ, आप userAgent का पता लगाने और (jQuery के साथ) body टैग करने के लिए उपयुक्त class जोड़ सकते हैं:

jQuery(document).ready(function(){ 
if(navigator.userAgent.indexOf('Mac') > 0){ 
    jQuery('body').addClass('mac-os'); 
} else { 
    jQuery("body").addClass("pc"); 
} 
}); 

userAgent का पता लगाने के बाद, आप मैक और विंडो और अपने ब्राउज़र भी के लिए विशेष रूप सीएसएस लिख सकते हैं।