如何在 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">
在<head>
标签中添加上述代码。
我从 GitHub 网站复制了这段代码
为什么会起作用?
大多数移动屏幕都具有全高清分辨率。 这与大多数计算机显示器和笔记本电脑屏幕相同。
16px 作为段落的默认字体大小。在手机屏幕上,它太小了。
因此,移动浏览器会转换呈现的屏幕尺寸。 例如,iPhone X 将屏幕尺寸转换为 375 x 812 像素,而实际分辨率为 1125x2436 像素。
width=device-width
将 html 的宽度设置为浏览器提供的宽度(iPhone X 为 375px)。
通常,您会将比例因子设为 1。
您可以通过给initial-scale=0.8
自己设置比例因子,看看您是否喜欢。
【讨论】:
以上是关于如何在 android 上“放大”我的 asp.net 网页?的主要内容,如果未能解决你的问题,请参考以下文章
如何启用 google maps android api 以实现平滑的两指缩放?
如何在 Android 的滚动视图中放大/更改子图像视图尺寸以使图像全尺寸