android - PhoneGap - target-densitydpi on viewport -


i'm creating app android , ios using phonegap.

after creating "helloworld" app phonegap's template see target-densitydpi=device-dpi on viewport default. okay, that's fine decided run tests jquery mobile ui , do not use target-densitydpi on viewport (by way if do, website should small on high dpi devices).

since need images of app great @ low , high resolution devices, decided run tests on galaxy s4.

first, target-densitydpi=device-dpi removed:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

the document.width 360px, created 360px image , blurry @ gs4 screen.

<img src="360img.jpg" style="width:360px;">

second, target-densitydpi=device-dpi enabled:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

the document.width 1080px, created 1080px image , great @ gs4 screen.

<img src="1080img.jpg" style="width:1080px;">

third, target-densitydpi=device-dpi removed 1080px image:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

the document.width 360px, used created 1080px image , looks great @ gs4 screen.

<img src="1080img.jpg" style="width:100%;">

image tests

i able same results on second , third tests, but, wich 1 best (or correct) way work phonegap apps?

thanks!

edit1:

i'm thinking provide these images via api, can tell size of window return correct sized image.

window.width 1080px @ tests, return correct sized image not problem.

for icons, i'm considering svg, don't need create sprites each resolution. can resize de image via css or javascript , should still looking good.

what made me think don't use target-densitydpi=device-dpi jquery mobile ui, library responsive , don't use it, why?

target-densitydpi not supported ios , deprecated android. suggest not use it.


Comments

  1. Authorised Owner15 December 2019 at 23:38

    @admin
    how to create fashion app by using software or tools.
    Regards,
    Deepika Verma

    ReplyDelete
  2. Authorised Owner4 April 2020 at 01:26

    @admin

    Our doctors or dentists are to facilitate their advance techniques and educational experience, which provide patients with the best alternatives for oral health. Our team and dentists maintain to prepare themselves to provide maximum satisfaction for patients.
    Regards,
    Dentist In New Britain, CT


    ReplyDelete

Post a Comment

Popular posts from this blog

html - How to style widget with post count different than without post count -

i have border below li elements in wordpress widget types appropriate. element inside set block gives them nice easy click full width. the problem, when choose option "show post count" when adding widget such categories or archives displays post count plain text after tag , because tag block pushes post number text line below. whether choose show post count or not show post count still gives exact same element identifyer example "widget_categories". how style post count not on next line still keep links non post count list items full width? here's example on sidebar www.bbmthemes.com/themes/modular/blog-standard/ in order solve problem need remove display:block; for ul.widgets ul a , add in it's place line-height: 33px; what going achieve have same visual effect. what going lose doing links going work on text , not on "box". the other way out of find post count coming , make changes this. example change text count i
Read more

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

have researched death , cannot find answer. i have actionbar using appcompat. supporting api v7 (api v8 do). actionbar works api v11. api < v11 has problem of removing icon (and feature) actionbar without supplying overflow. big picture have app logo, app title, , 3 icons squidging same actionbar on low end phone. trying make room! i happy 1 of 2 solutions. either: a method of getting overflow functionality can retrieved pull down. (preferred) method of removing icon , text actionbar below current xml api 11+: <resources> <!-- base application theme api 11+. theme replaces appbasetheme res/values/styles.xml on api 11+ devices. --> <style name="appbasetheme" parent="theme.appcompat.light.darkactionbar"> <item name="android:actionbarstyle">@style/liteactionbarstyle</item> <item name="actionbarstyle">@style/liteactionbarstyle</item> </st
Read more

javascript - storing input from prompt in array and displaying the array -

i want take the inputs user prompt, store input in array, , display it. want take 10 inputs user using for loop. have tried do-while shown below. var givennames = new array(); var pattern = /[\w\d]{1,}/ig; do{ var name = prompt("enter names. letters , digits accepted!\nentering empty field stops asking",""); if(name && name.match(pattern)){givennames.push(name);} } while(name != ""); function displaynames(){ if(givennames.length > 0){ document.getelementbyid("list").innerhtml = "<span style='color:navy;font- weight:bold;'>given names are:<\/span><br><br>" + givennames.join("<br><br>"); } else { document.getelementbyid("list").innerhtml = "<span style='color:navy;font-weight:bold;'>nothing has been given!<\/span>"; } } how replace for loop? var givennames = new array();
Read more