programing tip

IE에서 작동하지 않는 요소에 초기 너비 사용

itbloger 2020. 8. 15. 08:49
반응형

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

반응형