मैं a website का निर्माण कर रहा हूं और क्रोम पर इसका परीक्षण कर रहा हूं, अंततः जांच कर रहा हूं कि यह अभी भी फ़ायरफ़ॉक्स पर काम करता है या नहीं।सफारी सीएसएस मल्टी-कॉलम लेआउट को अलग-अलग क्यों प्रस्तुत करता है?
मुझे लगा कि, चूंकि क्रोम और सफारी दोनों वेबकिट पर चलते हैं, इसलिए वे वेबसाइट को समान रूप से प्रस्तुत करेंगे। हालांकि यह मामला नहीं है।
मैं सफारी पर साइट की जाँच कर रहा था और मैंने देखा है कि जो (दोनों -moz- और -webkit- एक ही मूल्य के साथ) column-count के साथ एक बिना क्रम वाली सूची का उपयोग करता है मेरी मेनू पट्टी, और देखा वहाँ कॉलम के भरने के बीच एक अंतर है कि ।
क्रोम कॉलम को समान रूप से भरने लगता है जबकि सफारी सिर्फ कॉलम को एक-एक करके भरता है। नीचे दी गई छवियां इसे चित्रित करती हैं।
क्रोम renders: 
सफारी renders: 
मैं बहुत ज्यादा कॉलम प्रतिपादन के क्रोम रास्ता की तरह है, इसलिए यदि वहाँ साइट रेंडर करने के लिए सफारी के लिए मजबूर करने के लिए एक रास्ता है मैं सोच रहा था इस तरह, संभवतः html लेआउट को बदलने के बिना।
नोट्स: फ़ायरफ़ॉक्स क्रोम के समान ही प्रस्तुत करता है और उसे फ़िक्सिंग की आवश्यकता नहीं होती है। मैं आईई के लिए विकास नहीं कर रहा हूं, इसलिए मुझे नहीं पता कि यह कैसे प्रस्तुत करता है।
हालांकि यह कॉलम भरने में मदद करता है, यह क्रोम को अंतिम कॉलम (जिसे अवांछित है) में एक और कॉलम नियम जोड़ता है। सफारी पर यह +1 के बावजूद पूरी तरह से काम करता है। – romeovs