김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

css@support호환성 1

css @supports 를 이용해서 브라우저에 지원 여부에 따라서 코드 적용시키기 (Can I use)

css의 특정 기능들은 브라우저에 따라서 지원을 하는 브라우저와 없는 브라우저들이 있다. 특히 최근에 레이아웃을 구성하는 grid, flex 등의 코드 들은 익스플로러 낮은 버전이라던지 낮은 버전의 브라우저를 사용하면 동작을 안 할 수 도있다. Can I use 이용하기 Can I use라는 사이트를 이용하면 해당 css가 어떤 브라우저에서 동작하는지를 알 수 있다. https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com flex를 확인해보면 IE6에서 9 버전을 이용하면 flex가 적용하지 않는다는 것을 수 있다. @supports css의 @supports 기능을 이용하면 해당 css기능을 브라우저에서 지원하는..

FrontEnd/css 2021.08.17
1
더보기
  • 분류 전체보기 (203)
    • Diary (4)
    • FrontEnd (109)
      • Javascript (20)
      • Vue.js (34)
      • css (17)
      • React (11)
    • etc. (88)
      • Notion (71)

Tag

노션템플릿, 노션유용한템플릿, 노션표, Notion템플릿공유, 노션가이드, 노션사용법, 노션, 노션수식, 노션템플릿공유, 노션무료템플릿, CSS, notion, 노션가계부, 노션데이터베이스, JavaScript, react, 리액트, NUXT, 노션활용법, Vue,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바