IE에서 Firefox보다 텍스트가 약간 더 큰 이유는 무엇입니까? 예 (IE 텍스트를 렌더링하는 방법 상단은 바닥이 FF가입니다) :IE와 Firefox에서 텍스트 크기가 다릅니다
굴림 16px로 CSS 선언 텍스트입니다. IE에서 앤티 앨리어싱이 있지만 글꼴을 더 크게 만들 수는 없다는 것을 알고 있습니다. 여기가 맞습니까? 내 디자인이 깨져서, 폰트 크기를 줄이는 것 외에 다른 일을 할 수 있습니까?
감사합니다.
그들 중 하나는 거의 굵게 보입니다. Carl이 제안한대로 다른 텍스트 크기를 더 많이 수용하도록 디자인을 시도하십시오. 특히 텍스트 크기가 크므로 볼 수있는 사용자에게는 더욱 그렇습니다. 당신이 절대적으로 해야 모든 브라우저에서 픽셀 완벽한 디자인이있는 경우 때때로 CSS를 재설를 사용하여 브라우저 사이의 작은 차이에 관해서는
을 도울 수 (그것을 추천하지, 그냥 그 부분에 대한 이미지를 사용) , 나는 CSS 재설정으로 시작하려고합니다.
여기에 긴 줄의 CSS를 사용하여 스타일 시트 상단에 CSS를 "재설정"할 수 있습니다. 브라우저는 자체 기본값을 사용하는 경향이 있으며, 사용자가 계정을 지정하지 않으면 일 수도 있고 일 수도 있습니다.
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
신용장은 Yahoo !: http://developer.yahoo.com/yui/3/cssreset/으로 이동합니다. 또한
옵션으로 [Eric Meyers reset] (http://meyerweb.com/eric/tools/css/reset/index.html)도 있습니다. –
둘 다 결합하십시오! – Blender
, 세리프체 대한 font-family 속성의 "두 번째 부분을"설정 시도 명시 등 :
폰트 패밀리 : 굴림, 산세 리프;
안티 앨리어싱 인 경우 IE에서이를 변경하는 CSS 설정이 없습니다. 또한 운영 시스템이이 글꼴의 렌더링 방식, 클리어 타입에 영향을 줄 수 등
당신이
예 글꼴 크기가 조정 봤어 : 글꼴 크기 조정 : 0.47;
글꼴 크기가 다양 할 경우 디자인을 더욱 강력하게 만들어야합니다. –