Титановое гибридное приложение - html-страница, увеличенная в samsum s7

У нас есть гибридное приложение, созданное в титане. Он отлично работает, за исключением некоторых новых телефонов (таких как Galaxy s7, насколько я знаю). На этих телефонах, страница HTML увеличено, даже если у меня есть следующие VIEWPORT мета-тегТитановое гибридное приложение - 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;" />

Я пробовал разные варианты, но ничего не похоже на работу. Любая помощь будет оценена. Опять же проблема заключается в том, что когда веб-просмотр открывает страницу html, страница увеличивается.

источник

2017-01-09 user7396290

Зачем разрабатывать веб-страницу с титаном? Titanium позволяет создавать правильные гибридные приложения без каких-либо html –

Хорошо, я думаю, что понял эту проблему. Проблема заключалась в соотношении пикселей. Коэффициент пикселей на устройстве, вызывающий эту проблему, равен 4. Следовательно, начальная шкала «1» не была подходящей из-за высокой плотности экрана. – user7396290

В этом случае эта проблема не имеет отношения к титану, поскольку это просто проблема веб-сайта/веб-сайта –

ОК, я думаю, что я понял эту проблему. Проблема заключалась в соотношении пикселей. Коэффициент пикселей на устройстве, вызывающий эту проблему, равен 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, что вы можете позвонить на каждой странице, чтобы изменить масштаб

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

ответ

Смежные вопросы