인프런 커뮤니티 질문&답변
작성한 질문수
css에서 calc에 대해 질문있습니다.
해결된 질문
작성
·
141
답변 2
0
노원두
지식공유자
안녕하세요! 부드러운 족제비님!
실제로 실무에서는 calc() 함수를 자주 사용하게 되는데요!
그 이유는, 기기별로 사이즈가 다른 경우에 이를 대응하기 위함이랍니다!^^
(미리 계산하여 고정값으로만 사용한다면, 기기별 사이즈의 비율에 맞게 조정하는 것이 어렵겠죠?!)
0
안녕하세요, 인프런 AI 인턴입니다.
님의 질문에 답변드리겠습니다.
CSS에서 calc() 함수를 사용하는 이유는 복잡한 계산을 CSS 내에서 직접 수행할 수 있게 해주기 때문입니다. 예를 들어, calc(100% - 70px)과 같은 표현을 사용하면, 전체 컨테이너의 100% 크기에서 특정 픽셀 값을 뺀 값을 실시간으로 계산하여 적용할 수 있습니다. 이는 화면 크기가 변경될 때마다 자동으로 요소의 크기를 조정해야 하는 반응형 디자인에서 특히 유용합니다. 직접 계산해서 한번에 값을 적는 것도 가능하지만, 화면 크기 변화에 따른 동적인 조정을 하기 위해서는 calc() 함수를 사용하는 것이 더 효과적입니다.
이해가 바로 되었습니다 답변주셔서 감사합니다 ^^