Kindle Fire Cant 특정 크기의 웹보기 내 웹 페이지에 맞춤

이것은 나에게 당황 스럽습니다. 내 샘플 HTML 파일에서 ... 나는 그것을 알아낼 수Kindle Fire Cant 특정 크기의 웹보기 내 웹 페이지에 맞춤

도와주세요 나는 메타 태그가

<meta name="viewport" content="target-densitydpi=device-dpi, user-scalable=no">

는 800 × 600라고 정의 크기의 내 웹뷰 내부 웹 페이지에 맞게로 설정했습니다. 안드로이드에서는 "target-densitydpi = device-dpi"를 지정해야하며 제대로 작동했습니다. Nexus 7 태블릿으로 맞춤 웹 페이지를 테스트했으며 웹 페이지가 내 웹보기에 올바르게 들어 맞습니다.

동일한 코드는 Kindle Fire에서 작동하지 않습니다. 내 웹 페이지의 일부만 표시되며 'initial-scale = 1.0'으로 설정하더라도 도움이되지 않습니다.

프로그래밍 방식으로 다양한 설정을 시도했지만 도움이되지 않았습니다.

webview.getSettings().setBuiltInZoomControls(true); 
webview.getSettings().setSupportZoom(true); 
webview.getSettings().setLoadWithOverviewMode(true); 
webview.setInitialScale(1); 
webview.getSettings().setUseWideViewPort(true);

모든 포인터?

출처

2012-09-16 Madhavan Rangarao

킨 - 화재는 533 (화재 HD 및 Nexus7이 꽤 일치 할) 설정을 명시 적 중 하나를 목표 밀도 = 높은 dpi의를 사용해야하거나 것 hdpi에 장치

http://developer.android.com/guide/webapps/targeting.html#ViewportDensity

출처

2012-09-28 21:01:13 Offbeatmammal

메타 태그 기반 제안이 도움이되지 않았습니다. 내가 처리하고있는 Kindle Fire는 화면을 채우기 위해 내용을 확대하는 것과 관련된 장치 특정 메타 태그에 응답하지 않았습니다. 당신의 도움을 주셔서 감사합니다. –

이기 때문에

내가보고 한 문제에 대한 해결책을 찾았습니다. 기본적으로 필자는 뷰포트 차원을 기반으로 즉석에서 zoomscale을 계산하는 JavaScript 기반 솔루션을 채택했습니다. 필자의 경우 원래 웹 컨텐트는 1024x768로 작성되었으며 확대 된 컨텐트를 표시하려면 800x600 뷰포트가 필요했습니다.

문서로드시 load() 함수를 호출하십시오.

<body style="position: relative; background: url('opt_background.jpg'); background-repeat: no-repeat; background-size: 100% auto;" onload="load()"> 

function load() 
{ 
// This function gets the current view port width and height, computes an adjusted zoom scale and sets it. 
var viewportWidth = document.documentElement.clientWidth 
var viewportHeight = document.documentElement.clientHeight 
var zoomScale = Math.ceil(viewportWidth * 100/1024); 
document.body.style.zoom= zoomScale + "%"; 
}

그건 놀라운 일입니다.

출처

2012-10-01 21:35:16

Kindle Fire Cant 특정 크기의 웹보기 내 웹 페이지에 맞춤

답변

관련 문제