मैं पाद लेख ब्राउज़र-स्वतंत्र की चौड़ाई बनाना चाहता हूं।एक चौड़ाई में उपलब्ध -मोज़-उपलब्ध और -webkit-fill-available
मोज़िला के लिए मैं -moz-available के मान का उपयोग करना चाहता हूं, और जब कोई उपयोगकर्ता ओपेरा का उपयोग करता है, तो सीएसएस को -webkit-fill-available से मान प्राप्त करना चाहिए।
CSS3 में यह कैसे करें?
width: -moz-available, -webkit-fill-available;
यह वांछित परिणाम नहीं देंगे:
मैं इस तरह से कुछ करने की कोशिश की।
सीएसएस स्टाइल घोषणाओं पर छोड़ देगा जो समझ में नहीं आता है। मोज़िला-आधारित ब्राउज़र -webkit -prefixed घोषणाओं को समझ नहीं पाएंगे, और वेबकिट-आधारित ब्राउज़र -moz -prefixed घोषणाओं को समझ नहीं पाएंगे।
, हम बस width दो बार घोषणा कर सकते हैं:
elem {
width: 100%;
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
}
width: 100% शुरू ब्राउज़रों जो दोनों -moz और -webkit -prefixed घोषणाओं पर ध्यान न दें या समर्थन नहीं करते द्वारा उपयोग किया जाएगा पर घोषित कर दिया -moz-available या -webkit-fill-available ।
मुझे पूछने से नफरत है, लेकिन क्या आईई ने यह संपत्ति भी भर दी है? – Julian
@ जूलियन के अनुसार मैं उपयोग कर सकता हूं ..., नहीं, यह नहीं करता: http://caniuse.com/#feat=intrinsic-width। आईई इसे "निर्माणाधीन" के रूप में सूचीबद्ध करता है: https://status.modern.ie/cssintrinsicsizing। –
बस दो गुणों को अलग चौड़ाई घोषणाओं के रूप में परिभाषित करें। –
http://stackoverflow.com/questions/3383923/css-moz-available-equivalent-in-webkit –
मैंने यह किया: चौड़ाई: -मोज़-उपलब्ध; चौड़ाई: -webkit-fill-available; परिणाम यह था कि यह होने की आवश्यकता नहीं थी। – Julian