sass 컴파일 소수점 노출자리수 정하는 옵션
자바스크립트엔 toFixed() 메소드가 있는데 sass엔 없나?
- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed
- https://sass-lang.com/documentation/values/numbers#precision{target=”_blank”}
- https://www.sitepoint.com/a-tale-of-css-and-sass-precision/
- https://webclub.tistory.com/470
구현 방법
결론
아래말은 그냥 즉, ‘올림’해서 출력하면 된다는 뜻.
1.33333…..이면 1.34로,
1.5223 이면 1.53으로,
1.689면 1.69로.
font-size: 15px;
line-height: 20px;
/*
line-height: 20/15 = 1.333333333333333333333................................................
반올림했을 때 1.3333333333333333333333333333............은 1.33으로 버림이되므로 1.34로 내보내기
*/
font-size: 16px;
line-height: 19px;
/* line-height: 19/16 = 1.1875 */
/* 반올림하면 1.19 -> 반올림이지만 결과적으로 올림되었으니 그냥 1.19로 내보내기 */
/* 안드로이드 테스트 */
font-size: 30px;
line-height: 34px;
/*
나누면 1.13333333333333333333....................
1.14로 넣었을 때와 34px로 넣었을 때가 스크린화면에 결과물이 같게 노출됨
*/