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

Question

我继承了用于Windows CE设备的VB编码的应用程序。元素的大小几乎没有＆＃34;设置（在px中）和Android设备的布局真的很糟糕。 将来我们将同时使用Win和Android设备。 有没有办法让Windows设备布局并为Android设置布局？响应式设计，例如在连接Android时使用CSS属性。

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

Answer 1

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

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

和元标记：

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