鈦混合應用程序-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

回答

相關問題