[css] 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의 문제를 해결합니다. 더 나은 방법이 있는지 확실하지 않습니다.


답변