2015-01-13 3 views
0

100 % 글꼴 크기를 아래의 메시지와 같이 1em으로 대체해야합니다. 그러나 아래 코드는 IE에서만 작동하는 것이 아니라 크롬에서만 작동합니다. 모든 브라우저에서 모든 글꼴 크기를 대체하는 일반적인 방법을 제안 할 수 있습니까?IE에서 javascript를 사용하여 모든 글꼴 크기 바꾸기

var outerHTML = $('<div>').append($("svg").clone()).html(); 
outerHTML = outerHTML.replace(new RegExp('font-size:100%;', 'g'), 'font-size:1em;'); 
+0

jQuery를 사용하는 경우 질문에 태그를 추가하십시오. – j08691

+5

'css()'로 스타일을 바꾸려고 했습니까?이 정규식은 매우 적합하지 않습니다. – adeneo

+0

outerHTML에 저장된 코드에서 CSS를 제거해야합니다. CSS 스타일 시트를 사용하면 자바 스크립트없이 페이지 모양을 제어 할 수 있습니다. – sodawillow

답변

0

필자가 생각하기에 가장 좋은 해결책은 CSS를 사용하는 것입니다. - 그것을하는 것은 깨끗한 방법입니다. - 응용 프로그램을 중단하지 마십시오 (스크립트 오류 방지에 도움이 됨)

1

친절하고 간단한 해결책. 인라인 스타일은 절대로 없어야합니다. 그냥 CSS에 스타일을 넣고 HTML에서 모든 것을 제거하십시오. 콘텐츠 레이어와 프레젠테이션 레이어가 섞여 있습니다.

모든 인라인 스타일을 제거하고 CSS 스타일 시트에 넣으면 유연성과 유지 보수가 용이 한 코드를 얻을 수 있습니다.

감사합니다.

+0

이것은 다소 사실이지만 자바 스크립트로 스타일을 조작하면 인라인 스타일이 추가되므로 OP에서 수동으로 스타일을 추가한다고 보장 할 수는 없습니다. 사실 SVG가 프로그래밍 방식으로 만들어 졌을 가능성이 더 큽니다. – adeneo

관련 문제