如何在 android 上“放大”我的 asp.net 网页?

Posted

技术标签:

【中文标题】如何在 android 上“放大”我的 asp.net 网页?【英文标题】:How can I "zoom in" my asp.net webpage on android? 【发布时间】:2020-11-27 00:42:22 【问题描述】:

我一直在使用 asp.net 和 C# 为移动手部扫描设备开发应用程序。直到上周,这个应用程序一直在 Windows CE 上。现在平台已经切换到安卓了。我的应用程序看起来非常“缩小”(见图)。这可能是什么原因造成的?我相信我的 CSS 是正确的,但我也不太熟悉它在 android 平台上的行为。

我认为我的 CSS 有问题,所以我也在下面发布我的 CSS。

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

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

页面结构利用放置菜单按钮的站点主文件。我是在 android 平台上开发的新手,我真的可以使用一些见解或帮助。

【问题讨论】:

【参考方案1】:
<meta name="viewport" content="width=device-width, initial-scale=1">

&lt;head&gt;标签中添加上述代码。

我从 GitHub 网站复制了这段代码

为什么会起作用?

大多数移动屏幕都具有全高清分辨率。 这与大多数计算机显示器和笔记本电脑屏幕相同。

16px 作为段落的默认字体大小。在手机屏幕上,它太小了。

因此,移动浏览器会转换呈现的屏幕尺寸。 例如,iPhone X 将屏幕尺寸转换为 375 x 812 像素,而实际分辨率为 1125x2436 像素。

width=device-widthhtml 的宽度设置为浏览器提供的宽度(iPhone X 为 375px)。

通常,您会将比例因子设为 1。 您可以通过给initial-scale=0.8 自己设置比例因子,看看您是否喜欢。

【讨论】:

以上是关于如何在 android 上“放大”我的 asp.net 网页?的主要内容,如果未能解决你的问题,请参考以下文章

放大代码生成模型在 Android 上无法正常工作

如何启用 google maps android api 以实现平滑的两指缩放?

Android上如何让TextView上的字体放大且自滚动

如何在 Android 的滚动视图中放大/更改子图像视图尺寸以使图像全尺寸

如何在 android 中对 VideoView 执行放大/缩小?

如何在 Android 视觉 CameraSource 中添加放大/缩小手势