본문 바로가기 메뉴 바로가기

Programmers

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Programmers

검색하기 폼
  • 개발 노트 (287)
    • VUEJS (21)
    • JAVA (3)
    • Python (10)
    • HTML CSS JS (72)
    • Servlet JSP (67)
    • JDBC (19)
    • Oracle Database (21)
    • POSIX CLI (13)
    • Git (34)
    • 알고리즘 (4)
    • 개발자 취업 준비 (8)
    • 스크랩 [정보] (1)
    • 이것저것 정리 (6)
  • 방명록

vmin (1)
CSS) vmin, vmax

1. vmax vmax: viewport의 최대 넓이 가로와 세로 중 더 넓은 사이즈를 백분율로 계산 css .container { width: 50vmax; height: 200px; background: red; } html 출력 ▷ 가로 값이 세로보다 길기 때문에 가로 viewport 넓이의 50%를 가로 넓이로 표시 ▷ 세로 값이 가로보다 길기 때문에 세로 viewport 넓이의 50%를 가로 넓이로 표시 2. vmin vmin: viewport의 최소 넓이 가로와 세로 중 더 좁은 사이즈를 백분율로 계산 css .container { width: 50vmin; height: 200px; background: red; } html 출력 ▷ 세로 값이 가로보다 짧기 때문에 세로 viewport 넓이..

HTML CSS JS 2021. 7. 28. 09:32
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바