CoCoCoCode

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

calc 1

[LESS] calc() 함수에서 %와 px을 계산하기.

LESS의 calc() 함수 사용시 %값과 px값을 계산하여 css를 적용하고 싶을 경우가 있다. @asideWidth: 30px; .post { width: calc(100% - @asideWidth); } 하지만 calc() 함수는 컴파일하는 과정에서 30px을 %로 자동 변경하여 결과는 width: 70%가 나와 버린다.... 이때는 아래와 같이 계산식을 그대로 CSS로 나오게 하여 브라우저가 계산토록 해야 한다. .post { width: ~"calc(100% - 30px)"; } -moz-calc(~'100% - 90px') 또는 -webkit-calc(~'100% - 90px') 처럼 꼭 사용해야 하는 경우 발생한다....

Client/----- CSS 2018.09.05
이전
1
다음
더보기
프로필사진

CoCoCoCode

  • All
    • 프로그래밍-초급
      • C#
    • 프로그래밍-중급
      • 디자인패턴
    • Client
      • WebApp
      • ----- 프로젝트 템플릿
      • ----- AngularJS
      • ----- CSS
      • MobileApp
      • ----- Android
      • DesktopApp
      • ----- WinForm
      • ----- WPF
      • ORM
      • ----- Entity Framework
    • Server
      • WebService
      • ----- ASP.NET WebAPI
      • PaaS
      • ----- Firebase
      • NoSQL
    • OpenAPI
      • Google
    • Tool
      • Coding
      • ----- SublimeText
      • ----- Grunt
      • ----- Visual Studio
    • 컴퓨터 TIP
    • 참고자료

Tag

어셈블리 서명, grunt, 프로그래밍, %-px, 서명 에러, 액세스가 거부 되었습니다., 웹개발환경설정, 코딩, visual studio 서명 에러, ef6, vake on lan, package control, less, 확장기능, 원격 켜기, 원격 시동, 노티 메시지, RDLC, SublimeText, gruntfile.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바