Question

我为笔记本电脑编写了一个响应灵敏的c＃-MVC Web应用程序（编译和alpha测试环境）;但是，部署后，它在Android设备上无法正确显示。当设备以纵向翻转时，文本很小。我花了大约一天的时间来整合Android的半审美垂直响应式设计，当时我有一个希望是顿悟的东西。是否可以设置正文的最大高度并自动缩放页面？有没有人有这个想法可以指导我的经验？我会这样做并测试，但这样做需要我真正提交并恢复到以前的版本，然后从Xamarin重新迁移到VS（如果它可能那么它是最简单的方法，否则这是一个巨大的时间投资）。目标设备是三星S4，所以我可以使用它支持的任何视口或缩放解决方案。

注意：如果有人提出另一个答案，我会保持这个问题，因为这个解决方案可能会帮助很多开发人员。对我有用的解决方案是：

在_Layout.cshtml页面中放置一个Viewport元标记：

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

接下来，在javascript文件中，put（这些应该合并，但为了描述目的，我一次只显示一个）：

document.getElementById("viewport").setAttribute("content", "height=600");
document.getElementById("viewport").setAttribute("content", "device-width=800");

根据需要调整参数。

Answer 1

我相信你缺少元标记中的width属性。

<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用于桌面。

设置基本字体粗细，利用EMs相对于正文字体大小调整其他元素的大小。这使得使用媒体查询更轻松地更改较小屏幕的基本字体。如：

@media (max-width: 400px) {
    body {
       font-size: 14px
    }
}

身体最大高度;纵横比;变焦

1 个答案: