반응형
IE에서 작동하지 않는 요소에 초기 너비 사용
<table>
컨테이너에 캔버스와 범례 를 삽입하는 그래프 플러그인이 있습니다. 이 플러그인 table
에는 width
정의 되어 있지 않으며 내 CSS에는 플러그인이 삽입되는 컨테이너 내부의 테이블 너비가 있습니다.
따라서 새 div는 table{ width: 100%}
CSS에서 상속 되고 잘못 렌더링됩니다.
을 사용하려고했지만 width: initial;
Chrome에서 좋아 보이지만 IE는 브라우저 호환성을 확인하는 것을 좋아하지 않습니다.
어떤 환경에서도 작동해야하기 때문에 스크립트 / 플러그인에서 인라인 CSS를 변경 / 강제하는 것을 인정합니다.
여기서 가장 좋은 해결책은 무엇입니까?
말했듯이 일반적으로 width: auto
비슷한 효과가 있습니다. 규칙을 가지고 :
.my-selector {
width: auto;
width: initial;
}
initial
지원되는 경우 사용하도록 해야합니다 auto
.
width: auto;
인라인을 사용 하면 스크립트 내부에서 Chrome, FIrefox 및 IE 11의 문제를 해결합니다. 더 나은 방법이 있는지 확실하지 않습니다.
참고 URL : https://stackoverflow.com/questions/20823105/use-initial-width-for-element-not-working-in-ie
반응형
'programing tip' 카테고리의 다른 글
Azure Functions에서 NuGet 패키지를 어떻게 사용할 수 있나요? (0) | 2020.08.15 |
---|---|
명령 줄에서 Visual Studio 프로젝트를 어떻게 컴파일합니까? (0) | 2020.08.15 |
ios_base :: sync_with_stdio (false);의 중요성 (0) | 2020.08.15 |
Android에 새 네트워크 베어러 추가 (0) | 2020.08.14 |
TPM (Trusted Platform Module)을 사용하여 바이트를 암호화하는 방법 (0) | 2020.08.14 |