如何使网站响应您的android手机屏幕大小？

我正在尝试将我的网站转换成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应用程序中输出的屏幕截图

浏览器输出如下所示

android应用程序输出如下所示

请帮助我解决此问题。

您需要添加

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

标签里面

---

您需要确保页面中的某些元素没有设置固定的宽度或高度

不确定，但代码中存在漏洞，一些浏览器巧妙地优化了您的网页，但有些浏览器没有。请检查代码是否正确完成标记，使用while或for循环检查标记中的所有组件是否正确启动和结束。