簡體   English   中英

如何在 android 上“放大”我的 asp.net 網頁?

[英]How can I “zoom in” my asp.net webpage on android?

我一直在使用 asp.net 和 C# 為移動手部掃描設備開發應用程序。 直到上周,此應用程序一直在 windows CE 上。 現在平台已經切換到Android。 我的應用程序看起來非常“縮小”(見圖)。 這可能是什么原因造成的? 我相信我的 CSS 是正確的,但我也不太熟悉它在 android 平台上的行為。

縮小

我想我在 CSS 上做錯了,所以我也在下面發布了我的 CSS。

@media only screen and (max-width : 320px) {

.contentDiv {
    height:100%;
    width:100%;
}

}

頁面結構使用放置菜單按鈕的站點主文件。 我對在 android 平台上進行開發非常陌生,我真的可以使用一些見解或幫助。

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

<head>標記中添加上述代碼。

我從 GitHub 網站復制了這段代碼

為什么它有效?

大多數移動屏幕都有全高清分辨率。 這與大多數計算機顯示器和筆記本電腦屏幕相同。

16px 作為段落的默認字體大小。 在手機屏幕上,它會太小。

因此,移動瀏覽器會轉換渲染的屏幕尺寸。 例如,iPhone X 將屏幕尺寸轉換為 375 x 812 像素,而實際分辨率為 1125x2436 像素。

width=device-width將 HTML 的寬度設置為瀏覽器提供的寬度(iPhone X 為 375px)。

一般情況下,你會將比例因子設為 1。你可以通過給initial-scale=0.8自己設置比例因子,看你是否喜歡。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM