时间戳

首页 > 解决方案 > 在 Android 设备上，正文未设置为 100% 高度

javascript - 在 Android 设备上，正文未设置为 100% 高度

问题描述

我有 View 身体必须是 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上是这样的

安卓

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

我该如何解决？

标签： javascripthtmlcss

解决方案

推荐阅读