Android 낟알 배경 화면 장치를 길게 눌러 전체 크기 이미지

Question

iOS 및 Android 4.x 용 phonegap (css3 + html5 + javascript)을 사용하여 애플리케이션을 개발 중입니다.

.mycssClass 
{ 
    background-image:url(../images/myImage.png); 
    background-repeat:no-repeat; 
    background-size:100%; 
    background-color:transparent; 
    border:none; 
    font-weight:300; 
    .... 
} 

이제 이미지가 올바르게 표시됩니다,하지만 난 화면에 누른 경우, 그것은 거친된다 : 안드로이드 4.0.3 장치에 , 나는이 코드 버튼으로 CSS로 배경 이미지를 사용합니다. background-size를 제거하면 100 %; 문제를 해결했지만 이미지가 올바른 크기로 표시되지 않습니다. 나는 좋은 결과없이이 원조

https://developer.mozilla.org/en-US/docs/CSS/image-rendering

의 제안에 따라, 안티 앨리어싱을 관리하기위한 몇 가지 코드 라인을 추가합니다.

제안 사항? 사전에

감사합니다,

Answer 1

문제 크리스티안는 해결책을 가지고 있습니다.

CSS 엔진의 앤티 엘리 어싱 메커니즘과 Android WebView 구성 요소의 차이로 인해 문제가 발생합니다. 크기 조정을하기 전의 CSS 안티 앨리어싱 이미지와 크기 조정 후 브라우저 앤티 앨리어싱이 적용됩니다.

이 효과를 피하려면 어떻게 든 비율을 해제해야합니다.

응답이 빠른 이미지를 유지하고 크기 조정을 피할 수있는 좋은 방법이 있습니다. 배경을 img 태그로 바꾸고 페이지가로드 된 후 CanvasImage을 적용하십시오.

CanvasImage은 img 요소를 요소와 동일한 크기의 캔버스로 대체하여 실행 시점에 있으므로 크기 조정이 적용되지 않습니다.

이 문제가 발생하면 언제든지 저를 핑하십시오.