앱 해상도에 약간의 문제가 있습니다.

첫 번째로, 나쁜 영어로 죄송합니다. 그래서, 내 응용 프로그램의 해상도에 문제가있어.앱 해상도에 약간의 문제가 있습니다.

그것은 다음과 같습니다 : The app looks like this

여기에 몇 가지 이미지, 난 너무 픽셀 아트와 함께 일하고 있어요, 나는 당신이 나를 이해한다면 내가 모르는 내 앱이 모든 이미지의 원래 해상도를 유지해야하지만

원본 이미지는 다음과 같습니다

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, 
 
width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
 
    <title></title> 
 
    </head> 
 
    <body> 
 
    <img src='design/img/avatar.png' /> 
 
    </body> 
 
</html>

0 : The image looks like this

코드는 이것이다

프로젝트를 계속 진행하기 위해 문제를 해결해야하기 때문에 간단한 문서입니다 (아직).

어, 나는 하이브리드 응용 프로그램의 세계에서 실제로 새롭다. 고마워.

출처

2016-11-02 Omar Aristides

당신이 그때 당신은을 사용할 수 있습니다 기각되고있다 찾아내는 경우에 당신은 너무

.classname{ 
    width:100px; 
    height:100px; 
}

같은 스타일 시트에 설정된 너비/높이 이미지를 제공 할 중요한 플래그과 같이!

.classname{ 
    width:100px!important; 
    height:100px!important; 
}

이렇게하면 항상 스타일을 유지하면서 이미지 크기를 유지해야합니다.

출처

2016-11-02 14:04:22

여전히 .... –

정말, 이미지를 사용하는 샘플 앱이 있고 이미지의 고정 폭과 높이를 지정하면 적용됩니다. 이미지에 CSS를 게시 할 수 있습니까? 나는 당신이 당신의 이미지에 클래스를 준 다음 그 클래스에 대해 CSS를 참조했다고 가정한다. –

이미지 코드 또는 필요한 픽셀 크기로 이것을 사용해보십시오 –

시도

당신은 당신의 응용 프로그램에 흐린 이미지를 얻고있다

img{ 
    width: auto; 
    height: auto; 
}

대답 업데이트를 사용하여 단지 때문에 당신의 PNG 이미지와 흰색 응용 프로그램의 배경이다.

빨강을 추가하면 예상대로 원본 이미지를 얻을 수 있습니다. PNG 이미지와 배경 조합으로 인해 이미지가 흐려지는 것을 알고 싶습니다. 이미지 테두리 또는 이미지 컨테이너의 배경을 변경해야합니다.

body{ background-color: red; }

출처

2016-11-03 10:36:44

앱 해상도에 약간의 문제가 있습니다.

답변

관련 문제