如何使網站響應您的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

好心幫我解決這個問題。

來源

2017-05-18 nandha kumar

不設置上的一些元素的固定寬度或高度在你的頁面當然，但是你的代碼中斷了，一些瀏覽器巧妙地優化了你的網頁，但有些不。請檢查您的代碼是否正確完成標籤，使用while或for循環檢查其中的所有組件是否已正確啓動並結束。 – Vikrant

您需要添加

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

的<head></head>標籤

內，你需要確保你是不是

來源

2017-05-18 07:27:56 MatPag

如何使網站響應您的Android手機屏幕尺寸？

回答

相關問題