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

들숨에 건강! 날숨에 재력!

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

들숨에 건강! 날숨에 재력!

검색하기 폼
  • 분류 전체보기 (98)
    • FE스터디 기록 (2)
      • 독서 (2)
    • 스터디 (93)
      • React (2)
      • Vanilla JS (23)
      • HTML, CSS (41)
      • maya (18)
      • Git (2)
      • PHP (0)
      • WordPress (1)
      • UIUX (2)
      • 일러스트레이터 (1)
      • 애니& 모션그래픽 (3)
  • 방명록

이미지 조절 (1)
CSS 높이를 지정하지 않고 이미지 넣고 싶을 때

1. 높이 지정하지않고 가로크기에따라 높이도 같은비율로 변하고 싶을때 이미지에 max-width: 100%; 와 height: auto;를 준다. 2. 화면 비율에 따라 높이가 변하고 이미지는 일부만 보여도 괜찮을때 background-image로 이미지를 넣어주고 height: 100vh (1~100까지 원하느 숫자를 넣어랏) background-position: center; background-cover; 를 추가해주면 예쁘게 조절된다.

카테고리 없음 2020. 5. 12. 19:05
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • git 공식문서
  • git공부
  • 얼굴
  • 모델링
  • 마야
  • 모션그래픽
  • 이미지 조절
  • Maya
  • git restore 옵션
  • 잘못없어
  • git 복원
  • 높이 지정 안함
  • 이미지 자동
  • uv
  • 미디어쿼리는
  • 독백
  • git restore
  • svgr
  • 튜토리얼
  • 서브셋폰트
  • 가사없는
  • 애니
  • vite-plugin-svgr
  • 애니메이션
  • 매치컷
  • 폰트경량화
  • 대학공부
  • 레퍼런스
  • DooPiano
  • 잘못은
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바