Although I used device-height property in meta tag, I have to scroll little down for different devices like ipad, iphone, LG g2. Height of screen is not set automatically.
Any suggestion ? thx
<!-- <!DOCTYPE html>
<html>
<html lang="tr">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">-->
<!-- <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" />
<meta name="description" content="">
<meta name="author" content="">
<title>s s</title>
<!-- Bootstrap Core CSS -->
<!--
<!-- Fonts -->
<!--
--> --> -->
<!-- </head>
<body>
<nav class="navbar nav navbar-default" role="navigation">
<div style="text-align:center;">
<div class="">
<a href="#"><img src="img/logov2.jpg" width="100%" class="center img-responsive" ></a>
</div>
</div>
<div class="">
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- <div class="">
<div>
<ul class="list-unstyled"> -->
<!-- <li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:30px;"><a href="http://facebook.com/ssuIzmir" onclick="window.open('http://facebook.com/ssuIzmir', '_system', 'location=yes')" target="_blank"><img src="img/facebook.PNG" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a></div></li>
<li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:20px;">
<a href="http://twitter.com/s" onclick="window.open('http://twitter.com/s_su', '_system', 'location=yes')" style="text-decoration:none; "><img src="img/twitter.png" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a>
</div></li>
<li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:20px;">
<a href="https://www.youtube.com/user/ssu" onclick="window.open('http://youtube.com/user/ssu', '_system', 'location=yes')" style="text-decoration:none; "><img src="img/youtube.png" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a>
</div></li>
<li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:20px;">
<a href="http://instagram.com/ssu/" onclick="window.open('http://instagram.com/ssu/', '_system', 'location=yes')" style="text-decoration:none; "><img src="img/instagram.png" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a>
</div></li> -->
<!-- </ul>
</div>
</div>
<!-- /.navbar-collapse -->
<!-- /.container-fluid -->
<!-- <div class="container" >
<div>
<a href="video.html?page=1&playList=PL-s-zXpFNb-cXmAD18"><img src="img/ssr.png" class="center img-responsive" style="position:relative;"></a>
</div>
<div>
<a href="video.html?page=2&playList=PL-s"><img src="img/sstleri.png" class="center img-responsive" alt=""></a>
</div>
<div>
<a href="video.html?page=3&playList=PL-s"><img src="imgs.png" class="center img-responsive" alt=""></a>
</div>
<div>
<a href="video.html?page=4&playList=PL-s"><img src="img/sn.png" class="center img-responsive" alt=""></a>
</div>
<div>
<p class="text-center"><a href="http://www.ssu.com/bs" onclick="cordova.InAppBrowser.open('http://www.ssu.com/bs')" class="center img-responsive" style="color:#fff; text-transform: uppercase;"><font size='1'> <strong>Bağış yapmak için dokunun </strong></font></a></p>
</div>
<br>
</div> -->
<!-- <script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/ind -->ex.js">
<!-- <script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/videoList.js"></script>
<script src="js/videoPlayer.js"></script>
<script type="text/javascript"> --> -->
app.initialize();
<!-- </script>
</body>
</html> --> --> -->
Any suggestion ? thx
<!-- <!DOCTYPE html>
<html>
<html lang="tr">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">-->
<!-- <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" />
<meta name="description" content="">
<meta name="author" content="">
<title>s s</title>
<!-- Bootstrap Core CSS -->
<!--
<!-- Fonts -->
<!--
--> --> -->
<!-- </head>
<body>
<nav class="navbar nav navbar-default" role="navigation">
<div style="text-align:center;">
<div class="">
<a href="#"><img src="img/logov2.jpg" width="100%" class="center img-responsive" ></a>
</div>
</div>
<div class="">
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- <div class="">
<div>
<ul class="list-unstyled"> -->
<!-- <li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:30px;"><a href="http://facebook.com/ssuIzmir" onclick="window.open('http://facebook.com/ssuIzmir', '_system', 'location=yes')" target="_blank"><img src="img/facebook.PNG" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a></div></li>
<li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:20px;">
<a href="http://twitter.com/s" onclick="window.open('http://twitter.com/s_su', '_system', 'location=yes')" style="text-decoration:none; "><img src="img/twitter.png" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a>
</div></li>
<li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:20px;">
<a href="https://www.youtube.com/user/ssu" onclick="window.open('http://youtube.com/user/ssu', '_system', 'location=yes')" style="text-decoration:none; "><img src="img/youtube.png" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a>
</div></li>
<li><div class="col-xs-3" style="border-right:1px solid #fdb356; height:20px;">
<a href="http://instagram.com/ssu/" onclick="window.open('http://instagram.com/ssu/', '_system', 'location=yes')" style="text-decoration:none; "><img src="img/instagram.png" class="center img-responsive" style="margin-top:5px; max-height:15px;"></a>
</div></li> -->
<!-- </ul>
</div>
</div>
<!-- /.navbar-collapse -->
<!-- /.container-fluid -->
<!-- <div class="container" >
<div>
<a href="video.html?page=1&playList=PL-s-zXpFNb-cXmAD18"><img src="img/ssr.png" class="center img-responsive" style="position:relative;"></a>
</div>
<div>
<a href="video.html?page=2&playList=PL-s"><img src="img/sstleri.png" class="center img-responsive" alt=""></a>
</div>
<div>
<a href="video.html?page=3&playList=PL-s"><img src="imgs.png" class="center img-responsive" alt=""></a>
</div>
<div>
<a href="video.html?page=4&playList=PL-s"><img src="img/sn.png" class="center img-responsive" alt=""></a>
</div>
<div>
<p class="text-center"><a href="http://www.ssu.com/bs" onclick="cordova.InAppBrowser.open('http://www.ssu.com/bs')" class="center img-responsive" style="color:#fff; text-transform: uppercase;"><font size='1'> <strong>Bağış yapmak için dokunun </strong></font></a></p>
</div>
<br>
</div> -->
<!-- <script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/ind -->ex.js">
<!-- <script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/videoList.js"></script>
<script src="js/videoPlayer.js"></script>
<script type="text/javascript"> --> -->
app.initialize();
<!-- </script>
</body>
</html> --> --> -->


