body max-height;縱橫比; zoom

我寫了一個爲筆記本電腦（編譯和alpha測試環境）設計的響應速度非常快的c＃-MVC web應用程序;但是，部署後，它不會正確顯示在Android設備上。當設備在縱向翻轉時，文字很小。我已經投入了大約一天的時間來爲Android設計一個半美學垂直響應式設計，當時我有希望成爲頓悟。是否可以設置身體的最大高度並自動縮放頁面？有誰可以引導我這個想法的經驗？我只是做和測試，但這樣做需要我真正承諾並恢復到以前的版本，然後從Xamarin重新遷移到VS（如果可能的話，這是最簡單的方法，否則它是一個巨大的時間投資）。目標設備是Samsung S4，所以我可以使用它支持的任何視口或縮放解決方案。body max-height;縱橫比; zoom

注意：如果有人提出另一個答案，我會保持此問題的公開性，因爲此解決方案可能有助於許多開發人員。爲我工作的解決方案是：

放入_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");

根據需要調整參數。

來源

2015-05-15 user4855057

我相信你在元標記中缺少寬度屬性。

<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 
    } 
}

來源

2015-05-15 19:22:14 landro

body max-height;縱橫比; zoom

回答

相關問題