身體最大高度 縱橫比 放大

Question

我已經編寫了一個用於筆記本電腦的漂亮的​​響應式c＃-MVC Web應用程序（編譯和alpha測試環境）； 但是，部署后，它在Android設備上無法正確顯示。 當設備縱向翻轉時，文本很小。 當我有一個頓悟的時候，我已經花了大約一天的時間來破解Android的半美學垂直響應設計。 是否可以設置主體的最大高度並自動縮放頁面？ 有人可以指導我嗎？ 我會做並測試，但是這樣做需要我真正提交並還原到以前的版本，然后從Xamarin重新遷移到VS（如果可能的話，這是最簡單的方法，否則將花費大量時間）。 目標設備是Samsung S4，因此我可以使用它支持的任何視口或縮放解決方案。

注意：如果有人想出另一個答案，我將保留此問題，因為此解決方案可能會幫助很多開發人員。 對我有用的解決方案是：

將視口元標記放置在_Layout.cshtml頁面中：

<meta name="viewport" content="initial-scale=1">

接下來，在javascript文件中放（這些應結合使用，但出於描述目的，我一次將它們展示一次）：

document.getElementById("viewport").setAttribute("content", "height=600");
document.getElementById("viewport").setAttribute("content", "device-width=800");

根據需要調整參數。

Answer 1

我相信您在元標記中缺少width屬性。

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

要禁用縮放（根據應用程序可能是必要的）：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

除此之外，如何設置字體大小？ 僅在body標簽上設置像素值，而不設置該值，瀏覽器將使用設備默認值，對於台式機通常為〜16px。

設置基本字體粗細后，利用EM調整其他元素相對於正文字體大小的大小。 這使得通過媒體查詢為較小的屏幕更改基本字體變得非常容易。 如：

@media (max-width: 400px) {
    body {
       font-size: 14px
    }
}