브라우저 및 장치
각각에 대해 알려진 단점과 버그를 포함하여 Bootstrap에서 지원하는 최신 브라우저에서 오래된 브라우저에 이르기까지 브라우저와 장치에 대해 알아보세요.
지원되는 브라우저
부트스트랩은 모든 주요 브라우저 및 플랫폼의 안정적인 최신 릴리스 를 지원합니다.
직접 또는 플랫폼의 웹 보기 API를 통해 최신 버전의 WebKit, Blink 또는 Gecko를 사용하는 대체 브라우저는 명시적으로 지원되지 않습니다. 그러나 부트스트랩은 (대부분의 경우) 이러한 브라우저에서도 올바르게 표시되고 작동해야 합니다. 보다 구체적인 지원 정보는 아래에 나와 있습니다.
지원되는 브라우저 범위와 해당 버전 은.browserslistrc file 다음에서 찾을 수 있습니다.
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
Autoprefixer 를 사용 하여 CSS 접두사를 통해 의도한 브라우저 지원을 처리합니다. 이 접두사는 Browserlist를 사용 하여 이러한 브라우저 버전을 관리합니다. 이러한 도구를 프로젝트에 통합하는 방법은 해당 문서를 참조하십시오.
모바일 장치
일반적으로 Bootstrap은 각 주요 플랫폼의 기본 브라우저의 최신 버전을 지원합니다. 프록시 브라우저(예: Opera Mini, Opera Mobile의 터보 모드, UC Browser Mini, Amazon Silk)는 지원되지 않습니다.
| 크롬 | 파이어폭스 | 원정 여행 | 안드로이드 브라우저 및 WebView | |
|---|---|---|---|---|
| 기계적 인조 인간 | 지원 | 지원 | — | v6.0+ |
| iOS | 지원 | 지원 | 지원 | — |
데스크탑 브라우저
마찬가지로 대부분의 데스크톱 브라우저의 최신 버전이 지원됩니다.
| 크롬 | 파이어폭스 | 마이크로소프트 엣지 | 오페라 | 원정 여행 | |
|---|---|---|---|---|---|
| 맥 | 지원 | 지원 | 지원 | 지원 | 지원 |
| 창 | 지원 | 지원 | 지원 | 지원 | — |
Firefox의 경우 최신 일반 안정 릴리스 외에 최신 ESR(Extended Support Release) 버전의 Firefox도 지원합니다.
비공식적으로 부트스트랩은 공식적으로 지원되지는 않지만 Linux용 Chromium 및 Chrome, Linux용 Firefox에서 충분히 잘 보이고 작동해야 합니다.
인터넷 익스플로러
인터넷 익스플로러는 지원하지 않습니다. Internet Explorer 지원이 필요한 경우 Bootstrap v4를 사용하십시오.
모바일의 모달 및 드롭다운
오버플로 및 스크롤링
overflow: hidden;요소 에 대한 지원 <body>은 iOS 및 Android에서 상당히 제한적입니다. 이를 위해 해당 장치의 브라우저 중 하나에서 모달의 상단 또는 하단을 지나 스크롤하면 <body>콘텐츠가 스크롤되기 시작합니다. Chrome 버그 #175502 (Chrome v40에서 수정됨) 및 WebKit 버그 #153852 를 참조 하세요 .
iOS 텍스트 필드 및 스크롤
<input>iOS 9.2부터 모달이 열려 있는 동안 스크롤 제스처의 초기 터치가 텍스트 또는 a 의 경계 내에 있으면 모달 자체 대신 모달 아래의 콘텐츠가 스크롤됩니다 <textarea>. WebKit 버그 #153856<body> 을 참조하십시오 .
Navbar 드롭다운
.dropdown-backdrop요소는 z-인덱싱의 복잡성 때문에 탐색에서 iOS에서 사용되지 않습니다 . 따라서 탐색 모음에서 드롭다운을 닫으려면 드롭다운 요소(또는 iOS에서 클릭 이벤트를 발생시키는 다른 요소)를 직접 클릭해야 합니다 .
브라우저 확대/축소
페이지 확대/축소는 부트스트랩과 웹의 나머지 부분 모두에서 일부 구성 요소에서 필연적으로 렌더링 아티팩트를 나타냅니다. 문제에 따라 문제를 해결할 수 있습니다(먼저 검색한 다음 필요한 경우 문제 열기). 그러나 해킹된 해결 방법 외에는 직접적인 해결책이 없는 경우가 많기 때문에 이를 무시하는 경향이 있습니다.
검증자
오래되고 버그가 있는 브라우저에 최상의 경험을 제공하기 위해 Bootstrap은 브라우저 자체의 버그를 해결하기 위해 여러 위치에서 CSS 브라우저 해킹 을 사용하여 특정 브라우저 버전에 특수 CSS를 대상으로 지정합니다. 이러한 해킹으로 인해 CSS 유효성 검사기가 유효하지 않다고 불평하는 것은 당연합니다. 몇 곳에서는 아직 완전히 표준화되지 않은 최첨단 CSS 기능을 사용하지만 순전히 점진적 향상을 위해 사용됩니다.
이러한 유효성 검사 경고는 실제로 중요하지 않습니다. 왜냐하면 CSS의 해킹되지 않은 부분이 완전히 검증되고 해킹된 부분이 해킹되지 않은 부분의 적절한 기능을 방해하지 않기 때문입니다. 따라서 이러한 특정 경고를 의도적으로 무시하는 이유입니다.
특정 Firefox 버그 에 대한 해결 방법이 포함되어 있기 때문에 HTML 문서에도 사소하고 중요하지 않은 HTML 유효성 검사 경고가 있습니다.