2014-05-15 6 views
27
@media screen and (max-width: calc(2000px-1px)) 
{ 
.col { width: 200px; } 
} 

घटाव के बाद मूल्य 1999px होना चाहिए, लेकिन यह काम करने लगता है। मैं मैन्युअल रूप से 1999px के लिए इसे बदल अगर यह ठीक काम करता है, इसलिए मैं जानता हूँ कि यह मेरे सीएसएस के साथ एक समस्या नहीं है। क्या कैल्क मीडिया प्रश्नों के भीतर समर्थित नहीं है, या क्या मैं कुछ गलत कर रहा हूं?calc() मीडिया के भीतर काम नहीं कर रहा प्रश्नों

+1

कहीं भी [यहां] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries) calc का कोई जिक्र नहीं है, तो मुझे लगता है कि होता यह अनुमति नहीं है। –

+2

'calc' मेरे परीक्षण से मीडिया प्रश्नों में काम करने के लिए प्रतीत नहीं होता। बेकार .. = [ – corysimmons

उत्तर

25

उत्तर संपादित किया गया था 2018/02/13:

का उपयोग करते हुए मीडिया के प्रश्नों में calc कल्पना द्वारा समर्थित है, लेकिन समर्थन हाल ही में ब्राउज़रों (फरवरी 2018) द्वारा लागू किया गया था। वर्तमान में, मीडिया के प्रश्नों में calcSafari Technology Preview 49+, Chrome 66+, और Firefox 59+ द्वारा समर्थित है। सबसे अप करने की तारीख की जानकारी के लिए MDN's calc() page देखें।

+0

क्रोम पर इस समस्या के अनुसार, calc मीडिया क्वेरी में काम करना चाहिए, लेकिन इसे लागू नहीं कर रहा है: https://bugs.chromium.org/p/chromium/issues/detail?id=421909 –

+0

@OliverJosephAsh यह बग का अनुरोध एमक्यू एल 3 या एल 4 (मीडिया क्वेरीज लेवल 4) ड्राफ्ट के हिस्से के रूप में किया गया था। यह एक मसौदा है, इसे कल हटाया जा सकता है। सुनिश्चित नहीं है कि कैल्क जल्द ही लागू किया जाएगा। अब सभी आधुनिक ब्राउज़र केवल एमक्यू एल 1 कार्यान्वयन का समर्थन करते हैं। – Pinal

+0

Arggg! मुझे वह चाहिए, अभी! – AnthonyVO

संबंधित मुद्दे