Less.js: CSS3 कैल्क () फ़ंक्शन कम के साथ काम नहीं करता है

को निर्मित 8 अक्तू॰ 2012 · 51टिप्पणियाँ · स्रोत: less/less.js

मुझे पता है कि इसकी रिपोर्ट पहले ही की जा चुकी है लेकिन अपर्याप्त जानकारी के कारण बग बंद कर दिए गए थे।

मेरे पास निम्नलिखित सीएसएस कोड है:

#id1 {
    position: fixed;
    left: 0; top: 0;
    width: 130px;
}
#id2 {
    position: fixed;
    right: 0; top: 0;
    width: calc(100% - 130px);
}

मैं इसे पैरामीटर के रूप में 130px का उपयोग करके कम में बदलना चाहता था लेकिन कैल्क को कम से व्याख्या किया जाता है और यह:

<strong i="11">@id1width</strong>: 130px
#id1 {
    position: fixed;
    left: 0; top: 0;
    width: @id1width;
}
#id2 {
    position: fixed;
    right: 0; top: 0;
    width: calc(100% - @id1width);
}

अंतिम लेकिन एक पंक्ति को width: calc(-30%); देता है जो स्पष्ट रूप से वांछित नहीं है। मैंने width: ~"calc(100% - @id1width)"; का उपयोग करने की कोशिश की लेकिन यह @id1width व्याख्या नहीं करता है।

मुझे लगता है कि LESS को अपने आंतरिक उपयोग के लिए CSS3 द्वारा आरक्षित चीजों का उपयोग नहीं करना चाहिए ...

स्रोत

mgol

👍13 ❤2 😄2

सबसे उपयोगी टिप्पणी

वे शायद डुप्लीकेट के रूप में बंद थे .. हालांकि मुझे कैल्क के बारे में कोई नहीं मिल रहा है .. #146 #122 और #915 देखें

वर्कअराउंड: width: ~"calc(100% - @{id1width})"; - चर के चारों ओर घुंघराले कोष्ठक नोट करें।

हम एक ऐसी प्रणाली की ओर बढ़ रहे हैं जहां इस समस्या को ठीक करने के लिए केवल कोष्ठक के अंदर की चीजों का मूल्यांकन किया जाएगा।

lukeapage 8 अक्तू॰ 2012

👍51 🎉11 ❤6 😄5

सभी 51 टिप्पणियाँ

वर्कअराउंड: width: ~"calc(100% - @{id1width})"; - चर के चारों ओर घुंघराले कोष्ठक नोट करें।

lukeapage 8 अक्तू॰ 2012

👍51 🎉11 ❤6 😄5

:+1:

shankarcabus 18 दिस॰ 2012

<strong i="5">@rows</strong>: 10;

<strong i="6">@row1</strong>: 1 / <strong i="7">@rows</strong> * 100%;

.featured1
{
  top: ~'-webkit-calc(@{row1} + 20px)';
  right: 0;
  bottom: @row5;
  left: @col9;
}

कम का यह बिट ' @ row1 ' के मान को 10% तक संसाधित करेगा, जो कि बहुत अच्छा है। लेकिन जब यह LESS के एक एस्केप्ड सिकटोन के अंदर होता है और LESS वेरिएबल को बनाए रखने के लिए कर्ली में लपेटा जाता है तो यह '%' के बिना '10' लौटाता है।

मुझे एक वर्कअराउंड मिला है जिसने मुझे अभी तक विफल नहीं किया है। यदि आप एस्केप्ड कोड के अंदर 'row1' वेरिएबल के क्लोजिंग कर्ली के बाद एक और '%' डालते हैं तो यह सही तरीके से काम करेगा...

~'-webkit-calc(@{row1}% + 20px)';

लेकिन ऐसा लगता है कि किसी अन्य इकाई प्रकार में जोड़ने के लिए काफी हैक है जो कि पहले से ही चर में माना जाता है।

jonjohnjohnson 19 दिस॰ 2012

@jonjohnjohnson यह सिर में तय है और 1.3.2 . में होगा

इस बग का शेष 1.4.0 . में समाधान किया जाएगा

lukeapage 19 दिस॰ 2012

सुनिश्चित नहीं है कि यह वही समस्या है, लेकिन मुझे निम्न में कोई समस्या है। ध्यान दें कि यहां कोई कम-विशिष्ट सामान नहीं है, कम 1.3.3 अन्यथा मान्य सीएसएस को चालू कर रहा है।

यहाँ सीएसएस है

html, body {
    margin:0, padding:0, border:0;
    height: 100%;
}

#content {
    height: -webkit-calc(100% - 40px);
    height: calc(100% - 40px);
    background-color:gray;
}

#footer {
    background-color:black;
}

और इसे शामिल करने के लिए यहां HTML है

<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet/less" type="text/css" href="test.css" />
<script src="less-1.3.3.min.js"></script>
<body>
<div id="content"></div>
<div id="footer" style="height:40px"></div>
</body>
</html>

"सामग्री" को 60% की ऊंचाई पर सेट किया जा रहा है, इसलिए कैल्क अभिव्यक्ति को ब्राउज़र के माध्यम से अपरिवर्तित करने के बजाय पार्सिंग और गलत तरीके से हल करना कम है। सफारी 6.0.2 और फ़ायरफ़ॉक्स में परीक्षण किया गया।

faceless2 14 जन॰ 2013

1.4.0 . के लिए मास्टर पर फिक्स्ड

lukeapage 2 फ़र॰ 2013

height: ~"calc(100% - 50px)";

अभी भी उत्पादन करता है:

height: calc(50%);

मेरे लिए। मुझे चाहिए:

height: calc(100% - 50px);

OliverJAsh 3 जून 2014

क्या अधिक है, यह अभी भी height: calc(50%); उत्पादन करता है, यहां तक कि सख्त गणित सेट के साथ भी on ।

OliverJAsh 3 जून 2014

@OliverJAsh मैं आपके परिणामों को 1.7.0 से कम के साथ पुन: पेश नहीं कर सकता (दोनों बच गए मूल्य और --strict-math:on अपेक्षित रूप से काम करते हैं) ... क्या आप कृपया संकलक/पर्यावरण/स्क्रिप्ट पर अधिक विवरण प्रदान कर सकते हैं जो आप उपयोग करते हैं? (बस अगर बूटस्ट्रैप बिल्ड स्क्रिप्ट समस्या थी जो इस तरह के गलत परिणाम दे सकती है: https://github.com/twbs/bootstrap/issues/13604, शायद यह आपका मामला भी है?)

seven-phases-max 3 जून 2014

मुझे 1.6.3 में यह समस्या आ रही थी (किसी कारण से, जब मैं 1.7.x में अपग्रेड करता हूं तो WinLESS संकलन पर बाधा डालता है, इसलिए मैं अभी के लिए 1.6.x पर चिपका हूं)

मेरा क्विकफिक्स सिर्फ समीकरण के एक हिस्से से बचने के लिए था जैसे:

height: calc(~"100%" - unit(<strong i="7">@var</strong>, px));

यह चर के लिए भी काम करता है, जैसे <strong i="10">@var</strong>: 50 । या आप पूरी गणना से बच सकते हैं जैसे calc(~"100% - 50px");

twiginteractive 26 जुल॰ 2014

👍5

@twiginteractive यदि आपको --strict-math विकल्प off (डिफ़ॉल्ट सेटिंग) के साथ भागने का उपयोग करना है तो यह कोई समस्या नहीं बल्कि अपेक्षित व्यवहार है। --strict-math ।

seven-phases-max 26 जुल॰ 2014

👍1

@ सात-चरण-अधिकतम हमम - दस्तावेज़ों के अनुसार, एसएम ऑफ (डिफ़ॉल्ट) के साथ, तो यह _ चाहिए_ सही ढंग से पार्स किया जाता है (यानी छूटा हुआ)
height: calc(100% - 10px);

लेकिन ऐसा नहीं होता है। आउटपुट CSS height: calc(90%); , जो वांछित परिणाम नहीं है। हो सकता है कि यह 1.7 में तय हो, लेकिन जैसा कि मैंने कहा है कि मैं अभी उस संस्करण का उपयोग नहीं कर सकता जब तक कि मुझे पता नहीं चलता कि WinLESS संकलन क्या तोड़ रहा है।

(जब तक कि मैं डॉक्स को गलत तरीके से पढ़ रहा हूं, जब यह कहता है कि "सही ढंग से संसाधित किया जाएगा" ... LESS को 100% का मान नहीं पता था, इसलिए इसे '100% - 10px' पर गणितीय गणना नहीं करनी चाहिए)

twiginteractive 26 जुल॰ 2014

@twiginteractive

डॉक्स के अनुसार, एसएम ऑफ (डिफ़ॉल्ट) के साथ तो इसे सही तरीके से पार्स किया जाना चाहिए (यानी अछूता)

नहीं, वहां शब्द currently न कि correctly (यानी "वर्तमान में _be संसाधित_ होगा")।

seven-phases-max 26 जुल॰ 2014

@ सात-चरण-अधिकतम आह - मेरा बुरा, अब यह समझ में आता है। स्पष्टीकरण के लिए धन्यवाद।

twiginteractive 27 जुल॰ 2014

ऊंचाई: ~ "कैल्क (100% - 50 पीएक्स)"; मेरे लिए काम किया।

aamirshahzad 5 सित॰ 2014

👍18 🎉5

~~यहीं से Less.js आपके कोड के साथ खिलवाड़ करना शुरू कर देता है।~~

height: _calc(50%);
height: calc(100% - 50%); /* browser-native */

stevenvachon 5 सित॰ 2014

@stevenvachon

माना जाता है कि v2.0 में इसके कार्यों को उपसर्ग करने का विकल्प होगा जैसे:

यह किसी भी तरह से calc को प्रभावित नहीं करेगा। कोई अंतर्निहित calc फ़ंक्शन नहीं है, कम केवल अपने (कम) नियमों के अनुसार गणित अभिव्यक्ति का मूल्यांकन कर रहा है। बस, इतना ही। यदि आप यह "गड़बड़" नहीं चाहते हैं तो --strict-math ।

seven-phases-max 5 सित॰ 2014

Ps इस समस्या का समाधान सख्त गणित है। और शायद हमें चाहिए
कैल्क को कॉल करते समय सख्त गणित लागू करें?

lukeapage 5 सित॰ 2014

~~कम के बाद मिथक का उपयोग करते समय समस्या बढ़ जाती है।~~

stevenvachon 5 सित॰ 2014

क्यों? क्या मिथक कोष्ठक हटाता है? सख्त गणित कम उचित सुपरसेट बनाता है
सीएसएस का।

lukeapage 5 सित॰ 2014

और हो सकता है कि कैल्क को कॉल करने पर हमें सख्त गणित को लागू करना चाहिए?

हमने #1872 में इस पर चर्चा की है और "स्थानीय सख्त- गणित: ऑन " वर्कअराउंड के खिलाफ कुछ तर्क हैं। प्रस्तावित समाधान (अभी तक पूरी तरह से तय नहीं हुआ) #1880 में है।

seven-phases-max 5 सित॰ 2014

@stevenvachon

सख्तमैथ के साथ भी, हमें ~"calc(...)" की आवश्यकता है ताकि कम इसे अनदेखा कर सके।

उदाहरण? यानी एक स्निपेट जहां कम calc साथ --strict-math=on अंदर एक अभिव्यक्ति को खराब करता है।

seven-phases-max 5 सित॰ 2014

v2 उपसर्ग कब से कार्य करेगा? क्या हमने यह तय किया और मैं भूल गया?

lukeapage 6 सित॰ 2014

v2 उपसर्ग कब से कार्य करेगा? क्या हमने यह तय किया और मैं भूल गया?

नहीं, मुझे लगता है कि यह सिर्फ थोड़ा अधिक अनुमान लगाया गया था https://github.com/less/less.js/issues/2102#issuecomment -50286985।

seven-phases-max 6 सित॰ 2014

हां, क्षमा करें, "विकल्प" नहीं बल्कि "क्षमता एक प्लगइन लिखने का विकल्प प्रदान करती है"। ~~मैं के साथ और बिना फिर से कुछ कोड का परीक्षण करना होगा ~"" पर calc() ।~~ मुझसे कुछ समय पहले गलती हो गई होगी और बस उस गलतफहमी के साथ आगे बढ़ता रहा। मेरे पास कुछ पुराना कोड है जिसे मुझे अभी संशोधित करना होगा।

stevenvachon 6 सित॰ 2014

मैं के साथ कुछ अजीब हो रहा है देखा है calc जब इन-संयोजन के रूप के साथ प्रयोग किया width । मैंने इसे आसान बनाने के लिए इसे एक कोडपेन में डाल दिया है: http://codepen.io/anon/pen/OVpJvP

alenb 2 जून 2015

@alenb

तो वहाँ क्या अजीब है? आपके कोडपेन में कोड अपेक्षित रूप से संकलित किया गया है ...

seven-phases-max 2 जून 2015

@ सात-चरण-अधिकतम

यह संकलित है, लेकिन यह अपेक्षित नहीं है। CSS कोड को थोड़ा और बारीकी से जांचें।

यह अजीब है क्योंकि इसमें अभी भी दाईं ओर एक अंतर है, भले ही इसे 3 स्तंभों के साथ पूरी तरह से फैलाना चाहिए। पहले दो कॉलम 33.33% माइनस 20पीएक्स और आखिरी कॉलम 33.33% होने चाहिए। पहले 2 कॉलम में 20px का पैडिंग-राइट होगा, लेकिन यह परिलक्षित नहीं होता है क्योंकि स्पष्ट रूप से सबसे दाईं ओर एक गैप है।

मैंने कल रात इसके साथ अधिक खेला है और पैडिंग-राइट के बजाय मार्जिन-राइट ट्रिक करता है और समस्या का समाधान करता है।

alenb 3 जून 2015

@alenb

यह संकलित है, लेकिन यह अपेक्षित नहीं है। CSS कोड को थोड़ा और बारीकी से जांचें।

ज़रूर, मैंने किया। तो अगर आप कुछ अलग की उम्मीद करते हैं - कृपया निर्दिष्ट करें।

पहले 2 कॉलम में 20px का पैडिंग-राइट होगा, लेकिन यह प्रतिबिंबित नहीं होता है

padding किसी भी तरह से चौड़ाई को प्रभावित नहीं करता (जब तक कि आप विशिष्ट [ box-sizing ](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing सेट नहीं करते हैं) )), consult [CSS specs](http://www.w3.org/TR/REC-CSS2/box.html). So you simply get : (33% - 20px) + (33% - 20px) + 33% = 99% - 40px -> 40px` जैसा कि अपेक्षित था।

किसी भी तरह से यह पूरी तरह से सीएसएस से संबंधित है और इसका इससे कोई लेना-देना नहीं है कि कैसे कम calc संकलित करता है। कोडपेन कोड में "संकलित देखें" बटन पर क्लिक करें और वहां आप देखते हैं कि आपके calc स्टेटमेंट लेस द्वारा आपके द्वारा निर्दिष्ट किए गए सटीक रूप से संकलित किए गए हैं)।

seven-phases-max 3 जून 2015

@ सात-चरण-अधिकतम

मैंने सोचा होगा कि कोडपेन इसे स्पष्ट कर देगा, लेकिन कोई समस्या नहीं है।

जानकारी के लिए धन्यवाद!

alenb 3 जून 2015

आज भी यह कम (एनपीएम का उपयोग करके) की डिफ़ॉल्ट स्थापना के साथ काम नहीं करता है।

मुझे इसका उपयोग करना था:
min-height: ~"calc(100% - 262px)"; //calc(100% - 262px);

मुझे नहीं पता कि यह सामान्य है, क्योंकि बग "बंद" के रूप में चिह्नित है, लेकिन मैं आपको बताना चाहता हूं।

rkyoku 8 अप्रैल 2016

👍1

@RenaudParis --strict-math

seven-phases-max 8 अप्रैल 2016

ठीक है, मैं कोशिश करूँगा, धन्यवाद! लेकिन क्या यह बेहतर नहीं होगा कि यह by
चूक जाना? क्योंकि यह काफी आश्चर्य की बात है, जब आप इसके बारे में नहीं जानते हैं
पैरामीटर।

फिर भी धन्यवाद!

ले वेन। 8 एवीआर 2016 20:48, मैक्स मिखाइलोव नोटिफिकेशन @github.com a
इक्रिट:

@RenaudParis https://github.com/RenaudParis --strict-math
http://lesscss.org/usage/#command -line-usage-strict-math
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/less/less.js/issues/974#issuecomment -207553212

rkyoku 8 अप्रैल 2016

लेकिन क्या यह बेहतर नहीं होगा कि यह डिफ़ॉल्ट रूप से हो?

इसे डिफ़ॉल्ट बनाने से बहुत सारे मौजूदा कम कोड-बेस टूट जाएंगे। एक बार (~ v1.4.0 ) इसे वास्तव में डिफ़ॉल्ट बनाने का प्रयास किया गया था, लेकिन फिर विरासत की पिछड़ी-संगतता के कारण इसे उलट दिया गया ... # 1880 में एक नई, कम-घुसपैठ विधि विकसित की गई थी (लेकिन इसे अभी तक लागू नहीं किया गया है)।

seven-phases-max 9 अप्रैल 2016

ठीक है, मुझे इसे समझाने के लिए समय निकालने के लिए धन्यवाद मैक्स!

ले सैम। 9 avr. 2016 13:46, मैक्स मिखाइलोव नोटिफिकेशन @github.com a
इक्रिट:

लेकिन क्या यह बेहतर नहीं होगा कि यह by
चूक जाना?
इसे डिफ़ॉल्ट बनाने से बहुत सारे मौजूदा कम कोड-बेस टूट जाएंगे। एक बार
(~ v1.4.0 पर) इसे वास्तव में डिफ़ॉल्ट बनाने का प्रयास किया गया था, लेकिन
तो यह विरासत की पिछड़ी-संगतता के कारण उलट गया है... एक नया,
#1880 . पर कम-घुसपैठ विधि विकसित की गई थी
https://github.com/less/less.js/issues/1880 (लेकिन इसे लागू नहीं किया गया है
अभी तक))।
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/less/less.js/issues/974#issuecomment -207776654

rkyoku 9 अप्रैल 2016

मैंने इसे हल कर लिया है:

.calc(<strong i="6">@prop</strong>, @val) {
    @{prop}: ~"calc(~'@{val}')";
    @{prop}: ~"-moz-calc(~'@{val}')";
    @{prop}: ~"-webkit-calc(~'@{val}')";
    @{prop}: ~"-o-calc(~'@{val}');"
}
.calc(width, "80% - 36px");

जब मैं command line उपयोग करता हूं तो यह सही होता है। केवल less-loader सही नहीं है। तो मुझे यह समाधान स्टैक ओवरफ्लो पर मिला

मैं इसे अपने कोड में कॉपी करता हूं, दुख की बात है कि यह भी सही नहीं है। तो मैंने कुछ संशोधित किया। यह काम करता है!

दुर्भाग्य से, कमांड लाइन सही नहीं है !!😂

mqliutie 1 सित॰ 2016

निश्चित नहीं है कि यह मुद्दा क्यों बंद किया गया है। इसका कोई मतलब नहीं है कि कम मूल सीएसएस व्यवहार को बदल देगा।

vincentmorneau 3 नव॰ 2016

... देशी CSS व्यवहार को कम बदलेगा।

यह नहीं होता। बस --strict-math=on सेट करें ( --strict-math=off आधार पर कम परियोजनाओं की एक विशाल राशि के साथ संगतता के कारण डिफ़ॉल्ट रूप से सक्षम नहीं है, साथ ही #1880 में उल्लिखित कुछ विचार)।

seven-phases-max 4 नव॰ 2016

👍1

UIkit 3 थीम में मैं इसका उपयोग my_theme.less में कर रहा हूं:

height: ~"calc(100vh - 20px)";

और यह काम करता है।

oshihirii 6 अग॰ 2017

👍4 😕1

*.less फ़ाइल में लिखते समय इसने मेरे लिए काम किया https://github.com/less/less.js/issues/974#issuecomment -9229470

धन्यवाद @lukeapage ! मैं

quytm2239 16 अक्तू॰ 2017

नमस्ते @mqliutie कैल्क के लिए

मिश्रण होना चाहिए

.calc(<strong i="8">@prop</strong>, @val) {
    @{prop}: ~"-webkit-calc('@{val}')";
    @{prop}: ~"-moz-calc('@{val}')";
    @{prop}: ~"calc('@{val}')";
}

इनपुट इस प्रकार है:
.calc (चौड़ाई, "100% - 60px");

आउटपुट इस प्रकार है:
चौड़ाई: कैल्क (100% - 60 पीएक्स);

ciaranlp 19 अक्तू॰ 2017

यह मुद्दा क्यों बंद है?! यह तय नहीं है।

जब मैं calc(50% - 20px) लिखता हूं तब भी मुझे calc(30%) मिल रहा है। ऐसा कभी कोई गलत है, इसे इसे कैल्क () में छोड़ देना चाहिए, जब तक कि इसकी गणना 100% विश्वसनीयता (जैसे समान इकाइयों) के साथ नहीं की जा सकती। मैं कम 2.7.3 का उपयोग कर रहा हूं।

कृपया इस मुद्दे को फिर से खोलें।

thany 25 जन॰ 2018

👍1

@ थानी
इन टिप्पणियों का संदर्भ लें, वे वर्णन करते हैं कि यह वास्तव में कोई समस्या नहीं है, जितना कि प्रसंस्करण गणित की डिफ़ॉल्ट सेटिंग इतिहास का उप-उत्पाद है, और आप हमेशा डिफ़ॉल्ट सेटिंग बदल सकते हैं।
https://github.com/less/less.js/issues/974#issuecomment -207553212
https://github.com/less/less.js/issues/974#issuecomment -207776654

jonjohnjohnson 25 जन॰ 2018

@jonjohnjohnson वह फिर से समस्या बता रहा है। यदि सख्त मोड इसे ठीक करता है (अभी तक कोशिश नहीं की है, तो बग के आसपास काम करने के लिए सभी प्रकार के गैर-डिफ़ॉल्ट झंडे को सक्षम करने के लिए आवश्यक नहीं होना चाहिए) तो यह डिफ़ॉल्ट रूप से चालू होना चाहिए।

कोई फर्क नहीं पड़ता कि आप इसे कैसे कहते हैं, यह मुद्दा किसी परिभाषा से तय नहीं होता है।

thany 26 जन॰ 2018

@ थानी मैं आपको यह समझने में मदद करने की कोशिश कर रहा था कि डेवलपर्स ने फैसला किया कि यह उनके अनुसार कोई मुद्दा नहीं है। वे टिप्पणियां केवल समस्या को पुन: स्थापित नहीं करती हैं, वे इस मुद्दे पर डेवलपर्स के रुख का वर्णन करती हैं। आपको कामयाबी मिले।

jonjohnjohnson 26 जन॰ 2018

@ थानी

तो यह डिफ़ॉल्ट रूप से चालू होना चाहिए।

ऐसा नहीं हो सकता क्योंकि यह तुरंत वहाँ से बाहर अरबों परियोजनाओं को तोड़ देगा। इसलिए यदि आप डिफ़ॉल्ट व्यवहार को एक समस्या के रूप में देखते हैं तो बस प्रलेखित विकल्प सेट करें और किया जाए। किसी भी परिभाषा से।

यह मुद्दा क्यों बंद है?!

क्योंकि डिफ़ॉल्ट व्यवहार को कैसे सुधारा जाए, इसकी अद्यतन चर्चा यहाँ है ।

seven-phases-max 26 जन॰ 2018

@thany @ सात-चरण-अधिकतम के रूप में, यदि आप इसे हल होते देखना चाहते हैं, तो #1880 में योगदान करें। मुझे लगता है कि समाधान है, लेकिन एक निर्णय पर आने के लिए पर्याप्त समुदाय वजन नहीं हुआ है जो लागू करने के लिए तैयार है। यह एक लंबा धागा है, लेकिन समाधान-खोज यही है: प्रस्तावों की समीक्षा करना और किसी न किसी तरह से वजन करना। और फिर: किसी को लागू करने के लिए काम करने के लिए।

matthew-dean 27 जन॰ 2018

 width: 15%;
 height: ~"calc(width)";

ऊंचाई = चौड़ाई कैसे बनाएं

xiaomizhou66 18 नव॰ 2018

👍1

@xiaomizhou66
इसका LESS से कोई लेना-देना नहीं है, न ही इस मुद्दे से। यह विशुद्ध रूप से एक सीएसएस प्रश्न है। कृपया "css Keep पहलू" जैसी कोई चीज़ खोजें और आपको कुछ उत्तर मिलेंगे।

thany 26 नव॰ 2018

तो यह अभी भी टूटा हुआ है। कैल्क (100vh - 138px) -38px पर आता है।

willatathena 15 मार्च 2019

@willatathena

यदि आप कम 3.x के साथ इस समस्या का अनुभव करते हैं, तो कृपया एक अलग बग रिपोर्ट बनाएं।
पहले के कम संस्करणों के लिए यह डिफ़ॉल्ट रूप से अपेक्षित व्यवहार है (इसे कैसे संभालना है, यह जानने के लिए उपरोक्त पोस्ट पढ़ें)।

seven-phases-max 16 मार्च 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Less.js: CSS3 कैल्क () फ़ंक्शन कम के साथ काम नहीं करता है

सबसे उपयोगी टिप्पणी

सभी 51 टिप्पणियाँ

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