钛混合应用程序-html页放大在samsum s7

我们有一个混合应用程序内置钛。除了一些新手机（如我知道的Galaxy S7活跃）之外，它工作正常。在这些手机中，HTML页面中，即使我有以下视窗meta标签钛混合应用程序-html页放大在samsum s7

<meta name="viewport" content="target-densitydpi=device-dpi; width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

我已经尝试了不同的选项，但似乎没有任何工作缩放。任何帮助将不胜感激。问题再次出现，当webview打开html页面时，页面放大。

来源

2017-01-09 user7396290

为什么要开发一个钛网页？钛可以让你建立适当的混合应用程序没有任何HTML –

好吧，我想我想出了这个问题。问题在于像素比。导致此问题的设备上的像素比率为4.因此，由于屏幕的高密度，初始比例“1”不合适。 – user7396290

在这种情况下，这个问题与钛无关，因为它只是一个webview /网站问题 –

好的，我想我找到了这个问题。问题在于像素比例。导致此问题的设备上的像素比率为4.因此，由于屏幕的高密度，初始比例“1”不合适。感谢下面的文章，我能够创建一个基于屏幕像素比例调整初始缩放比例的JavaScript函数。

这是文章https://coderwall.com/p/ikrswg/bootstrap-3-grid-system-and-hi-density-small-screens-detected-as-xs 非常感谢写这篇文章的人。

下面是你需要把你的页面

<!DOCTYPE html> 
 
<html lang="en"> \t 
 
\t <head> 
 
\t \t 
 
\t \t <meta charset="utf-8" /> 
 
    \t <meta name="description" content=""> 
 
     <meta name="HandheldFriendly" content="True"> 
 
     <meta name="MobileOptimized" content="320"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> 
 
     <meta http-equiv="cleartype" content="on"> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

这里的头JavaScript函数，你可以在每一个页面中调用调整尺寸meta标签

function FixScreenScale(){ 
 
\t if ((window.devicePixelRatio || 1) == 1) return; 
 
\t 
 
\t var scale = 1/(window.devicePixelRatio || 1); 
 
\t var content = 'width=device-width, initial-scale=' + scale + ', minimum-scale=' + scale + ', maximum-scale=' + scale + ', user-scalable=0'; 
 
\t document.querySelector('meta[name="viewport"]').setAttribute('content', content); 
 
}

来源

2017-01-10 16:01:10 user7396290

钛混合应用程序-html页放大在samsum s7

回答

相关问题