Android 웹보기보기 포트 문제

Question

Android 앱에는 웹 사이트에 연결되는 버튼이 있습니다. 버튼을 클릭하면 Android Web View에서 웹 페이지를 볼 수 있습니다.

안드로이드 앱을 통해 웹 페이지를 방문 할 때. 큰 데스크탑 화면을 보는 것처럼 모든 것을보고 싶습니다. 내가 모바일 크롬 브라우저를 통해 웹 페이지를 방문 할 경우

은 그래서보기 포트 폭

<meta name="viewport" content="width=980"> 

을 설정합니다. 제대로 작동하고 있습니다. 아래 그림과 같이

Android 웹보기를 통해 웹 페이지를 방문하면. 그것은보기 포트 변화 내가 설정 한 이유를 모르겠어요

사진

다음과 같이 모바일 장치의 화면 너비 에 맞게. 또한 Galaxy S7을 사용하고 있습니다.

아무쪼록.

Answer 1

콘텐츠에 특정 너비를 제공해서는 안됩니다. 오히려 해당 장치의 픽셀 밀도에 따라 너비를 설정할 수 있습니다.

#header { 
    background:url(medium-density-image.png); 
} 

@media screen and (-webkit-device-pixel-ratio: 1.5) { 
    /* CSS for high-density screens */ 
    #header { 
     background:url(high-density-image.png); 
    } 
} 

@media screen and (-webkit-device-pixel-ratio: 0.75) { 
    /* CSS for low-density screens */ 
    #header { 
     background:url(low-density-image.png); 
    } 
} 

:

당신은 하나 개의 스타일에서 다른 스타일을 지정, 각각의 밀도를

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /> 
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /> 

을 별도의 스타일을 만들거나 할 수 있습니다