如何使网站响应您的Android手机屏幕尺寸？

问题描述：

我想将我的网站转换为android应用程序。我正在使用Bootstrap来响应我的网站。如何使网站响应您的Android手机屏幕尺寸？

while ($row = mysqli_fetch_assoc($result)) { 
    echo "<div class='row'>"; 

    echo"<div class='col-lg-3 col-md-3 col-sm-3 col-3'>"; 
     echo"<strong>".$row["BookID"]."</strong>"; 
    echo "</div>"; 
    echo "<div class='col-lg-6 col-md-6 col-sm-7 col-7'>"; 
      echo "<div class='row'><strong>".$row["Bookname"]."</strong></div>"; 
      echo "<div class='row'>".$row["Authorname"]." [ ".$row["Edition"]." ]</div>"; 
    echo "</div>"; 
    echo "<div class='col-lg-3 col-md-3 col-sm-2 col-2'>"; 
      echo "<input type='checkbox' name='bookids[]' value='".$row["BookID"]."'>"; 
    echo "</div></div><hr>"; 

} 
echo "<br> 
<input type='submit' class='btn btn-info' value='Submit Renewal'></center></div>"; 
}

下面显示的是我在浏览器和我的android应用程序中输出的屏幕截图。

browser output shown below

android app output is shown below

好心帮我解决这个问题。

不设置上的一些元素的固定宽度或高度在你的页面当然，但是你的代码中断了，一些浏览器巧妙地优化了你的网页，但有些不。请检查您的代码是否正确完成标签，使用while或for循环检查其中的所有组件是否已正确启动并结束。 – Vikrant

答

您需要添加

<meta name="viewport" content="width=device-width, initial-scale=1.0">

的<head></head>标签

内，你需要确保你是不是

如何使网站响应您的Android手机屏幕尺寸？

相关推荐