2016-11-28 5 views
0

Я работаю над мобильным приложением для мобильных устройств, поэтому я использовал пользовательские интерфейсы Monaca и Onsen, потому что они очень полезны и полезны для таких вещей.Как предотвратить использование приложения Кордовы с использованием Monaca по умолчанию?

Проблема, которую я получил, когда я запускаю приложение в своем телефоне, я получаю очень мелкие шрифты, потому что я использую маленькие шрифты в моем телефоне, но когда я поставил его на средний или маленькие они приложение выглядит хорошо

вопрос: как я могу предотвратить мое приложение с помощью системы по умолчанию размера шрифта
Я даже добавлен плагин Mobile Accessibility, но кажется, что Monaca еще не поддерживает его.

+2

Monaca поддерживает все плагины Кордова/PhoneGap. У вас должна быть платная учетная запись разработчика, чтобы включить их в свой проект. Шрифты в гибридных приложениях управляются CSS. Назначьте класс вашему тексту и контролируйте его таким образом. – Munsterlander

+0

Спасибо @Munsterlander Я знаю это, но я все еще новичок, и я не могу заплатить за эти услуги, и я хорошо знаю, что могу управлять всем, используя css, но есть проблема каждый раз, когда я изменяю стиль шрифта, например, если я устанавливаю текст в 50px он не будет выглядеть одинаково на другом устройстве (тот же экран, но с другим разрешением) –

+0

Отметьте это сообщение: http://stackoverflow.com/questions/25768602/maintain-aspect-ratio-and-font-size-based- on-browser-height-and-width – Munsterlander

ответ

2

Первый вариант:

HERE - это библиотека для Кордовы, которая позволит вам игнорировать настройки устройства по умолчанию для масштабирования текста, чтения экрана и инверсии цвета.

Вы бы затем осуществить с помощью:

if($window.MobileAccessibility){ 
     $window.MobileAccessibility.usePreferredTextZoom(false);//Dont Scale Text 
    } 

Это работает с Ionic рамки, и, видя, как это Кордову libriary он должен работать с Monaca, а также.

Эта реализация должна использоваться ПОСЛЕ Cordova deviceready.

Второй вариант:

В то время как в нормальном развитии Android, чтобы учесть этот вопрос девелоперым будет использовать DP для элементов пользовательского интерфейса, однако в HTML/CSS встроенных приложениях мы не; иметь доступ к этому.

Вы бы вместо целевых свойств CSS:

vw: 1/100th viewport width 
vh: 1/100th viewport height 
vmin: 1/100th of the smallest side 
vmax: 1/100th of the largest side 

Недостатками являются: Не работает в Opera или на IOS устройств правильно.

Также обратите внимание: причина такого поведения заключается в том, что устройства и приложения предназначены для сплетения в соответствии с надлежащим дизайном UI/UX. Это означает, что любые настройки пользовательского интерфейса UI/UX также следует переносить в любые приложения, которые они используют.

Хотя верно, что эти правила являются общими для игнорирования этих правил до тех пор, пока намеренная цель UX/UI присутствует, и дизайн не используется исключительно для того, чтобы выглядеть «красивым».

Имейте в виду, многие другие варианты могут быть доступны в зависимости от потребности/использования