未在Android设备上将主体设置为100%高度

时间:2018-06-27 14:31:56

标签: javascript html css

我可以看到身体必须达到100%的高度。

这是页面的代码

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8" />
<title>Евгений Соя</title>
<link rel="shortcut icon" type="image/x-icon" href="mini.png"/>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
</head>
<body>
<header>
   <div class="logo">
       <img  class="graficlogo" src="logo.png" alt="Logo">
   </div> 
   <nav>
       <div class="topnav" id="myTopnav">
           <a href="index.html">Главная</a>
           <a href="tour.html">Тур</a>
           <a href="books.html">Книги</a>
           <a  id="menu" href="#" class="icon">&#9776;</a>
       </div>
   </nav> 
     
</header>
   
  <script src="script.js"></script>
  <div class="main">
      <h1> "Времени пленница "-

новая песня Марии Чайковской по мотивам стихов Евгения Сои доступна <a href="https://itunes.apple.com/ru/album/%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%B8-%D0%BF%D0%BB%D0%B5%D0%BD%D0%BD%D0%B8%D1%86%D0%B0-single/1386924933"> iTunes.</a></h1>
      <p></p>
  </div>
  <div class="icons">
      <a href="https://www.instagram.com/yessoya/"> <img  class="embl1" src="INSTAGRAM_icon.png"></a>
      <a href="https://www.stihi.ru/avtor/sunfish"><img  class="embl2"
      src="111.png"></a>
  </div>
</body>
    
</html>

完整代码在这里

  

https://codepen.io/suhomlineugene/pen/MXPGPN

当我在ios设备上完全打开它时,我看到了

ios

在android上就是这样

Android

我不明白为什么,如果我的身体的宽度和高度为100%。

我该如何解决?

0 个答案:

没有答案