Support Tables - Intrinsic & Extrinsic Sizing

आंतरिक और बाह्य आकार




max-content , min-content , fit-content और stretch (पूर्व में fill ) गुणों का उपयोग करके आंतरिक मूल्यों में ऊंचाइयों और चौड़ाई को निर्दिष्ट करने की अनुमति देता है।

कल्पना https://www.w3.org/TR/css3-sizing/
स्थिति डब्ल्यू 3 सी वर्किंग ड्राफ्ट
अर्थात धार फ़ायरफ़ॉक्स क्रोम सफारी ओपेरा
69 (3,4)
62 (1,2,3, *) 68 (3,4) 52 (3,4)
18 61 (1,2,3, *) 67 (3,4) टीपी (3) 51 (3,4)
1 1 17 60 (1,2,3, *) 66 (3,4) 11.1 (3) 50 (3,4)
10 16 59 (1,2,3, *) 65 (3,4) 11 (3) 49 (3,4)
9 15 58 (1,2,3, *) 64 (3,4) 10.1 (3, *) 48 (3,4)
8 14 57 (1,2,3, *) 63 (3,4) 10 (3, *) 47 (3,4)
सब दिखाओ
7 13 56 (1,2,3, *) 62 (3,4) 9.1 (3, *) 46 (3,4)
6 12 55 (1,2,3, *) 61 (3,4) 9 (3, *) 45 (3,4)
5.5 54 (1,2,3, *) 60 (3,4) 8 (1,3, *) 44 (3,4)
53 (1,2,3, *) 59 (3,4) 7.1 (1,3, *) 43 (3,4)
52 (1,2,3, *) 58 (3,4) 7 (1,3, *) 42 (3,4)
51 (1,2,3, *) 57 (3,4) 6.1 (1,3, *) 41 (3,4)
50 (1,2,3, *) 56 (3,4) 6 40 (3,4)
49 (1,2,3, *) 55 (3,4) 5.1 3 9 (3,4)
48 (1,2,3, *) 54 (3,4) 5 38 (3,4)
47 (1,2,3, *) 53 (3,4) 4 37 (3,4)
46 (1,2,3, *) 52 (3,4) 3.2 36 (3,4)
45 (1,2,3, *) 51 (3,4) 3.1 35 (3,4)
44 (1,2,3, *) 50 (3,4) 34 (3)
43 (1,2,3, *) 49 (3,4) 33 (3,4)
42 (1,2,3, *) 48 (3,4) 32 (3, *)
41 (1,2,3, *) 47 (3,4) 31 (3, *)
40 (1,2,3, *) 46 (3,4) 30 (3, *)
39 (1,2,3, *) 45 (3, *) 2 9 (3, *)
38 (1,2,3, *) 44 (3, *) 28 (3, *)
37 (1,2,3, *) 43 (3, *) 27 (3, *)
36 (1,2,3, *) 42 (3, *) 26 (3, *)
35 (1,2,3, *) 41 (3, *) 25 (3, *)
34 (1,2,3, *) 40 (3, *) 24 (3, *)
33 (1,2,3, *) 39 (3, *) 23 (3, *)
32 (1,2,3, *) 38 (3, *) 22 (3, *)
31 (1,2,3, *) 37 (3, *) 21 (3, *)
30 (1,2,3, *) 36 (3, *) 20 (3, *)
2 9 (1,2,3, *) 35 (3, *) 1 9 (3, *)
28 (1,2,3, *) 34 (3, *) 18 (3, *)
27 (1,2,3, *) 33 (3, *) 17 (3, *)
26 (1,2,3, *) 32 (3, *) 16 (3, *)
25 (1,2,3, *) 31 (3, *) 15 (3, *)
24 (1,2,3, *) 30 (3, *) 12.1
23 (1,2,3, *) 2 9 (3, *) 12
22 (1,2,3, *) 28 (3, *) 11.6
21 (1,2,3, *) 27 (3, *) 11.5
20 (1,2,3, *) 26 (3, *) 11.1
1 9 (1,2,3, *) 25 (3, *) 1 1
18 (1,2,3, *) 24 (3, *) 10.6
17 (1,2,3, *) 23 (3, *) 10.5
16 (1,2,3, *) 22 (3, *) 10.0-10.1
15 (1,2,3, *) 21 9.5-9.6
14 (1,2,3, *) 20 9
13 (1,2,3, *) 19
12 (1,2,3, *) 18
11 (1,2,3, *) 17
10 (1,2,3, *) 16
9 (1,2,3, *) 15
8 (1,2,3, *) 14
7 (1,2,3, *) 13
6 (1,2,3, *) 12
5 (1,2,3, *) 1 1
4 (1,2,3, *) 10
3.6 (1,2,3, *) 9
3.5 (1,2,3, *) 8
3 (1,2,3, *) 7
2 6
5
4
आईओएस सफारी ओपेरा मिनी एंड्रॉइड ब्राउज़र ब्लैकबेरी ब्राउज़र ओपेरा मोबाइल एंड्रॉइड क्रोम एंड्रॉइड फ़ायरफ़ॉक्स आईई मोबाइल एंड्रॉइड यूसी ब्राउज़र सैमसंग इंटरनेट क्यू क्यू ब्राउज़र Baidu ब्राउज़र
11.3 (3, *) सब 62 (3,4) 10 (3, *) 37 (3,4) 66 (3,4) 57 (1,2,3, *) 1 1 11.8 6.2 (3,4) 1.2 (3, *) 7.12 (3,4)
11.0-11.2 (3, *) 4.4.3-4.4.4 (3, *) 7 12.1 10 5 (3,4)
10.3 (3, *) 4.4 (3, *) 12 4 (3, *)
10.0-10.2 (3, *) 4.2-4.3 11.5
सब दिखाओ
9.3 (3, *) 4.1 11.1
9.0-9.2 (3, *) 4 1 1
8.1-8.4 (1,3, *) 3 10
8 (1,3, *) 2.3
7.0-7.1 (1,3, *) 2.2
6.0-6.1 2.1
5.0-5.1
4.2-4.3
4.0-4.1
3.2

टिप्पणियाँ

उपसर्ग मानों पर हैं, न कि संपत्ति के नाम (उदाहरण के लिए -webkit-min-content)

पुराने वेबकिट ब्राउज़र अनौपचारिक intrinsic मूल्य का भी समर्थन करते हैं जो max-content के समान कार्य करता max-content

  1. फ़ायरफ़ॉक्स height / min-height / max-height गुणों का समर्थन नहीं करता है, केवल widthपरीक्षण केस , फ़ायरफ़ॉक्स बग देखें।

  2. फ़ायरफ़ॉक्स वर्तमान में -moz-stretch बजाय -moz-available संपत्ति का समर्थन करता है।

  3. flex-basis संपत्ति का समर्थन नहीं करता है। specs , ब्लिंक बग , फ़ायरफ़ॉक्स बग देखें

  4. क्रोम अभी तक अपरिवर्तित नहीं है (उर्फ fill / fill-available ), क्योंकि CSSWG अभी तक इसके लिए तैयार नहीं है। क्रोमियम बग देखें

* उपसर्ग के साथ आंशिक समर्थन।

कीड़े

  • सफारी अभी तक grid-template-rows जैसे सीएसएस ग्रिड लेआउट गुणों के साथ उपयोग का समर्थन नहीं करता है।

साधन