Chrome에서 CSS 크기가 조정 된 iframe이있는 텍스트가 흐릿함

이 질문에 'css scale chrome'과 다른 점이 있습니다. iframe이 특정 위치로 이동하면 텍스트가 올바르게 표시됩니다. 그리고 다시 문제가있는 위치로 이동하면 텍스트가 흐리게 보입니다.Chrome에서 CSS 크기가 조정 된 iframe이있는 텍스트가 흐릿함

jquery의 위치가 이동됩니다.

iframe을 이동 한 이유는 무엇입니까? 텍스트가 올바르게 표시되는 이유는 무엇입니까?

스크린 샷. http://ggamagidev.blogspot.com/2013/12/blurry-text-with-css-scaled-iframe-in.html

iframe에는 적용되지만 실패했습니다.

// transform: "translateZ(0)", 
// "-webkit-transform": "translateZ(0)", 
// "-webkit-text-stroke": "0.35px", 
// "transform-style": "preserve-3d", 
// "-webkit-transform-style": "preserve-3d", 
// "transform-style": "flat", 
// "-webkit-transform-style": "flat", 
// "font-smooth":"never", 
// "-webkit-perspective":1000, 
// "backface-visibility": "hidden", 
// "-webkit-backface-visibility":"hidden",

출처

2013-12-20 user3121420

일부 변환으로 인해 글꼴 힌트가 해제됩니다. –

이 버그와 아무 관련이 없습니다. 두 스크린 샷의 텍스트는 둘 다 암시됩니다. – user3121420

죄송합니다. 나는 문제의 세부 사항을 잘못 기억하고 있었다. 이미이 질문을 받았지만 찾을 수 없다고 생각합니다. Chrome에서 'backface-visibility : hidden'을 사용하여 문제를 해결할 수있는 해결 방법이 있다는 것을 기억합니다. '-webkit-backface-visibility : hidden; ' –

크롬에서 글꼴이 흐릿 해지면 시도해보십시오.

 
body {-webkit-text-stroke: 0px!important;-webkit-font-smoothing: antialiased !important;}

출처

2014-05-31 05:11:56

Chrome에서 CSS 크기가 조정 된 iframe이있는 텍스트가 흐릿함

답변

관련 문제