dburr/SIFTools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More iOS web app tweaks

Browse source 
* add apple-mobile-web-app-capable meta tag for home screen web app
* set viewport to device-width
This commit is contained in:
Donald Burr 2015-10-20 15:37:59 -07:00
parent 9575411593
commit 86a051b290
3 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
web_app/css/sif-tools.css
View file

@ -5,6 +5,7 @@ body {
margin: 0px;
background-color: #000000;
color: #ffffff;
min-height: 480px;
}
p {

4
web_app/js/sif_tools.js
View file

@ -48,8 +48,8 @@ function LOG(level, msg)
$(document).ready(function(){
// Hide the address bar on mobile browsers
setTimeout(function(){
// some sites suggest 0,0 - not sure which is correct
window.scrollTo(0, 1);
// some sites suggest 0,0 and others 0,1 - not sure which is correct
window.scrollTo(0, 0);
}, 0);
// set up UI (buttons, etc.)
setup_ui_elements();

4
web_app/sif_tools.html
View file

@ -2,7 +2,9 @@
<html lang="en">
<head>
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<meta name="viewport" content="width=320, initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- width=320 -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta charset="utf-8">
<title>SIF Tools</title>
<link href="css/external/jquery-ui.css" rel="stylesheet">