Less.js: calc -- μ œλŒ€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2016λ…„ 03μ›” 10일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: less/less.js

[less.min.js - v2.5.3]
" width:calc (100% - 35px);"와 같은 '계산'을 μ‚¬μš©ν•˜λ €κ³  ν–ˆμŠ΅λ‹ˆλ‹€. 35pxλ₯Ό λ°±λΆ„μœ¨λ‘œ κ³„μ‚°ν•©λ‹ˆλ‹€. 즉, 100% - 35%(νŽ˜μ΄μ§€ ν‘œμ‹œ λ„ˆλΉ„:65%)μž…λ‹ˆλ‹€.

λ‚˜λŠ” μ—¬μ „νžˆ LESSλ₯Ό 처음 μ ‘ν•˜κ³  이것이 버그인지 μ•„λ‹ˆλ©΄ μ˜¬λ°”λ₯΄κ²Œ μ‚¬μš©ν•˜μ§€ μ•Šκ³  μžˆλŠ”μ§€ ν™•μ‹€ν•˜μ§€ μ•ŠμŠ΅λ‹ˆκΉŒ?

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‹€μŒμ„ μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€.

width: ~"calc(100% - 35px)";

μ—¬κΈ°μ—μ„œ μ‹œλ„ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ“  3 λŒ“κΈ€

λ‹€μŒμ„ μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€.

width: ~"calc(100% - 35px)";

μ—¬κΈ°μ—μ„œ μ‹œλ„ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

--strict-math 및 μ΄μŠ€μΌ€μ΄ν”„ ꡬ문의 예(κΈ°λ³Έ --strict-math=off 의 경우 )λ₯Ό μ°Έμ‘°ν•˜μ‹­μ‹œμ˜€.

μ˜ˆμƒλŒ€λ‘œ λ‹«νž™λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰