WebView 正在加载错误的分辨率
WebView is loading wrong resolution
我正在为 Fire TV 开发应用程序。我正在使用 1920px 宽度的电视。在应用程序中是一个全尺寸的 Webview (match_parent)。但是,如果我检查 WebView 的分辨率 (window.screen.availWidth),它只有 960px。
有人可以帮我吗?
Amazon Fire TV 平台将您的资源扩展到适当的电视输出。对于 1080p,屏幕尺寸为 1920x1080px,密度为 320dpi(“xhdpi”),输出分辨率为 960x540dp(“large”)。
参考Display and Layout (Amazon Fire TV)
当您的应用运行时,Fire TV 会从相应的文件夹中加载您的资源。有关 Amazon Fire TV 可用资源配置的更多信息,请参见下图显示和布局。
android screen resolution
您可以使用 html 'initial-scale' 来适应模板
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
<script>
/**
* This script will set the 'initial-scale' value on the viewport metatag
* The scale is used to fit the template on Kindle Fire mobile devices
* This must be handled in the head of the document because the scale
* is not affected once the page finishes loading
*/
var vp = document.getElementById('viewport');
var initialScale = Math.max(screen.width, screen.height) / 1920;
vp.setAttribute('content', 'width=device-width, initial-scale=' + initialScale + ', maximum-scale=' + initialScale, +'minimum-scale=' + initialScale);
</script>
我正在为 Fire TV 开发应用程序。我正在使用 1920px 宽度的电视。在应用程序中是一个全尺寸的 Webview (match_parent)。但是,如果我检查 WebView 的分辨率 (window.screen.availWidth),它只有 960px。
有人可以帮我吗?
Amazon Fire TV 平台将您的资源扩展到适当的电视输出。对于 1080p,屏幕尺寸为 1920x1080px,密度为 320dpi(“xhdpi”),输出分辨率为 960x540dp(“large”)。
参考Display and Layout (Amazon Fire TV)
当您的应用运行时,Fire TV 会从相应的文件夹中加载您的资源。有关 Amazon Fire TV 可用资源配置的更多信息,请参见下图显示和布局。
android screen resolution
您可以使用 html 'initial-scale' 来适应模板
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
<script>
/**
* This script will set the 'initial-scale' value on the viewport metatag
* The scale is used to fit the template on Kindle Fire mobile devices
* This must be handled in the head of the document because the scale
* is not affected once the page finishes loading
*/
var vp = document.getElementById('viewport');
var initialScale = Math.max(screen.width, screen.height) / 1920;
vp.setAttribute('content', 'width=device-width, initial-scale=' + initialScale + ', maximum-scale=' + initialScale, +'minimum-scale=' + initialScale);
</script>