Question

我们的网页是用ASP.net Web Forms和MVC制作的。我们希望移动设备可以访问它们。有没有人对如何做到这一点有很好的参考？或者有关如何制作响应式网页的任何建议？

我正在考虑制作2个母版页。一个用于移动设备，一个用于桌面设备，但我认为可能有更好的方法来实现它。

感谢您的帮助！

Answer 1

您需要的是一种称为CSS媒体查询的东西。基本上，您为特定的屏幕尺寸创建不同的CSS规则。例如

@media screen and (max-width: 700px) and (min-width: 520px) {
  body {
    background: red;
  }
}

只要浏览器窗口/屏幕宽度大于520px且小于700px，

就会将正文背景设置为红色。

尝试谷歌搜索“CSS媒体查询”和“响应式设计”，这将指向正确的方向

Answer 2

我使用了以下方法，因为我们必须支持旧浏览器（如IE7），我们不想传输适用于所有可能设备的标记和样式......

本文介绍如何将移动页面添加到asp应用程序：

Answer 3

@Slavenko指出了你正确的方向。我想补充一点，因为有多个框架是为利用媒体查询的响应式设计而构建的。我最喜欢的是TwitterBootstrap

Answer 4

我一直在修改使用CSS框架或使用Web窗体的替代渲染，感觉就像是在服务器端控件之上进行了一些黑客攻击。

Telerik最近为其ASP.NET Web窗体控件套件添加了一组响应功能。在线演示非常令人印象深刻。您可以在以下位置找到这些演示： http://demos.telerik.com/responsive-web-design-aspnet/samples.aspx

Answer 5

只需将主潜水宽度设为1200px，然后自动承担移动责任