सफारी और क्रोम न्यूनतम चौड़ाई सीएसएस प्रोपरी

Question

सफारी और क्रोम न्यूनतम चौड़ाई सीएसएस संपत्ति क्यों अनदेखा करते हैं? उदाहरण http://jsfiddle.net/8YFHu/2/ यह आईई और फ़ायरफ़ॉक्स में काम करता है लेकिन सफारी और क्रोम में नहीं।

Answer 1

क्रोम और सफारी table तत्वों पर min-width संपत्ति का समर्थन नहीं करते हैं। हालांकि, तालिका कक्षों पर लागू होने पर वे min-width का सम्मान करेंगे।

कुछ त्वरित परीक्षण बाद, ऐसा लगता समर्थन इस प्रकार है कि:

• फ़ायरफ़ॉक्स: समर्थित (5 में परीक्षण किया है, यकीन नहीं कौन सा संस्करण के बाद से)
• इंटरनेट एक्सप्लोरर: समर्थित (के बाद से । IE8 IE7 और नीचे यह समर्थन करने के लिए)
• क्रोम नहीं है: समर्थित नहीं (सभी संस्करणों जहाँ तक मैं बता सकता हूँ)
• सफारी: समर्थित नहीं (सभी संस्करणों जहाँ तक मैं बता सकता हूँ)
• ओपेरा: (कौन सा संस्करण के बाद से, 11.5 में परीक्षण यकीन नहीं) समर्थित

अधिक जानकारी MDN article में पाया जा सकता संपत्ति पर, हालांकि लेख का दावा है कि संपत्ति IE में समर्थित नहीं है, भले ही यह IE8 के बाद से है।

CSS2.1 specification कहा गया है कि min-width (और उस बात के लिए max-width) पर लागू होते हैं:

सभी तत्वों लेकिन गैर प्रतिस्थापित इनलाइन तत्वों, तालिका पंक्तियों, और पंक्ति समूहों

तो यह होगा ऐसा लगता है कि क्रोम और सफारी मानक के अनुरूप नहीं हैं।

संपादित

करने के बाद सिर्फ कल्पना के प्रासंगिक अनुभाग नीचे थोड़ा आगे देखा, मैंने देखा कि यह तो कहा गया है:

सीएसएस 2.1 में, 'न्यूनतम-चौड़ाई' के प्रभाव और टेबल पर 'अधिकतम-चौड़ाई', इनलाइन टेबल, टेबल सेल, टेबल कॉलम और कॉलम समूह अपरिभाषित हैं।

तो ऐसा लगता है कि वास्तव में कोई भी गलत नहीं पाया है, और हर कोई सिर्फ अपनी ही चीज़ कर सकता है।

Answer 2

मेरे अनुभव में, टीडी तत्वों पर चौड़ाई को परिभाषित करने के लिए अक्सर अव्यवहारिक होता है। इस सीमा के लिए मैंने पाया है कि सबसे अच्छा कामकाज तालिका के लिए एक युक्त div तत्व पर एक न्यूनतम चौड़ाई निर्धारित करना है।