ux dev

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

2022/03/10 1

[CSS] IE 대응을 위해 flex-basis에 width & max-width 함께 넣기

(2022년 03월 16일 수정) IE 대응 관련 내용 추가 IE11(IE: Internet Explorer, 인터넷 익스플로러)은 여전히 국내 많은 조직에서 호환성을 맞춰야 하는 브라우저입니다. 다행히도 flexbox는 부분적이지만 IE11에서 사용이 가능합니다. 일부 기능들이 사용이 불가능하거나, 깨져서 표현되지만 일부 기능의 경우 다른 CSS 속성을 함께 기재함으로써 깨지는 현상을 해소할 수도 있습니다. 이 포스트에서는 flex-basis를 사용할 때 IE11에서도 정상적으로 표현이 가능한 방법에 대해 알아보고자 합니다. 1. flex-basis: 0는 width: 100%(채울 때) 또는 width: auto(랩핑할 때)를 함께 삽입 flex-grow를 활용하여 flex-basis를 0으로 할당함..

UX 개발/CSS - Flex & Grid 2022.03.10
이전
1
다음
더보기
프로필사진

ux dev

UX의 개발방법을 고민합니다.

  • 전체보기 (309)
    • UX 콜렉션 (5)
      • 디자인 프레임워크 (1)
      • 디자인 시스템 (0)
      • 아이콘 (3)
      • 폰트 (1)
    • UX 리서치 (40)
      • 디자인 시스템 가이드 (1)
      • 디자인 시스템 컴포넌트 (2)
      • 디자인 이론과 리서치 (16)
      • 디자인 트렌드와 문화 (1)
      • 디자인 케이스스터디 (15)
      • 디자인 리소스 (5)
    • UX 디자인 (54)
      • 피그마 (15)
      • 피그마 - 무료 템플릿 (3)
      • 피그마 - 무료 플러그인 (7)
      • 피그마 - 무료 리소스 (2)
      • 어피니티디자이너 (4)
      • 포토샵 (2)
      • 일러스트레이터 (9)
      • 색상과 디스플레이 (3)
      • 인쇄 (1)
      • 아이콘 디자인 (4)
      • 이메일 디자인 (1)
      • 스케치 (3)
    • UX 개발 (156)
      • HTML (8)
      • CSS (27)
      • CSS - 타이포그래피 (2)
      • CSS - 3D (3)
      • CSS - Selector (1)
      • CSS - Flex & Grid (7)
      • CSS - SASS & SCSS (1)
      • CSS - TailwindCSS (7)
      • CSS - 라이브러리 (2)
      • JS (7)
      • UX - 폼 (Forms) (1)
      • UX - 스크롤 애니메이션 (10)
      • UX - 슬라이더 (롤링배너) (1)
      • UX - 트랜지션 효과 (1)
      • UX - 반응형 (RWD) (1)
      • UX - 커서 & 클릭 & 키보드 (3)
      • Jekyll (1)
      • 노션 (0)
      • 티스토리 (2)
      • 지도API (2)
      • ChatGPT (1)
      • Git (1)
      • SEO (4)
      • 테스팅 (1)
      • Shell Script (Bash) (7)
      • 웹서버 (2)
      • 개발도구와 환경 (53)
    • 정보 접근성 (20)
      • 접근성 (A11Y) (6)
      • 접근성 (A11Y) - 웹 접근성 지침 (7)
      • 접근성 (A11Y) - 컴포넌트 (7)
    • UX 리뷰 (14)
      • 디지털디바이스 (11)
      • 음식과 공간 (0)
      • 거의 모든 것 리뷰 (3)
    • 웹디자인기능사 (17)
      • 웹디자인기능사 정보 (1)
      • 웹디자인기능사 필기 요약 (11)
      • 웹디자인기능사 필기 기출 (0)
      • 웹디자인기능사 실기 (5)
    • 프로젝트 (3)
      • 무료 웹 도구 (3)

Tag

맥OS, 웹디자인기능사필기요약, 일러스트레이터, html, 웹디자인기능사필기, 어피니티, CSS, UI디자인, 디자인, 어피니티디자이너, 피그마, figma, 로고디자인, 디자인시스템, UX, ux디자인, UI, 아이콘, 웹디자인기능사, MacOS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2022/03   »
일 월 화 수 목 금 토
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 :

uxdev.org

  • siimplelab
  • siimply

티스토리툴바