ASP .net VB WEB应用程序适用于不同的移动平台答案

【问题标题】：ASP .net VB WEB application for different mobile platformsASP .net VB WEB应用程序适用于不同的移动平台
【发布时间】：2016-05-21 00:02:27
【问题描述】：

我继承了用 VB 编写的用于 Windows CE 设备的应用程序。元素的大小是“几乎”设置的（以 px 为单位），Android 设备的布局非常糟糕。将来我们将同时使用 - Win 和 Android 设备。有什么方法可以让 Windows 设备布局并为 Android 设置布局？响应式设计，例如在连接 Android 时使用 CSS 属性。

或者我应该为两个设备编辑整个布局？最好的方法是什么？

【问题讨论】：

您可以使用 CSS3 媒体查询来确定屏幕尺寸，这比写入特定设备更可取。此外，元标记 ViewPort 设置可以方便地设置缩放级别并使设计对所有设备更加友好。对于响应式设计，您可以查看 BootStrap。这是正确道路的开始。
谢谢 Dr.Aron Dishno ....我受到您的评论的启发。我将通过屏幕分辨率来做到这一点。你能把你的评论作为答案吗……我会接受它作为最鼓舞人心/最有帮助的答案:-)
谢谢 - 非常感谢！
它的目标是什么版本的 Windows CE？您是在 CE 上运行内置 IE 实例还是使用不同的 Web 浏览器？

标签： css asp.net vb.net

【解决方案1】：

您可以使用 CSS3 媒体查询来确定屏幕大小，这比写入特定设备更可取。此外，元标记 ViewPort 设置可以方便地设置缩放级别并使设计对所有设备更加友好。对于响应式设计，您可以查看 BootStrap。这是正确道路的开始。

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

和元标记：

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

【讨论】：