[英]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.