css3 - CSS Viewport Height evaluated before minimal-ui applies on the very first load on mobile safari -

-

when using viewport height minimal-ui first time page load height evaluated address bar if set div height of 100vh acutal height of div viewport height minus height of address bar.

in example, on first load can see purple div after address bar hidden. if reload page or access page without deleting cache, red div occupy full height of viewport without taking in consideration address bar behavior i'm expecting on first load.

any ideas why?

<html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">     <title></title> </head> <body style="margin: 0; padding: 0;">      <div style="background-color: red; height: 100vh;">         hello     </div>     <div style="background-color: purple; height: 50px;">         world     </div>  </body> </html>

thank you!


Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more