css - 使 ASP.net 响应移动设备

Question

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

我正在考虑制作 2 个母版页。一个用于移动设备，一个用于台式机，但我认为可能有更好的方法来做到这一点..

谢谢你的帮助！

score 6 · Accepted Answer

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

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

每当您的浏览器窗口/屏幕宽度大于 520 像素且小于 700 像素时，会将主体背景设置为红色。

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

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

@Slavenko 为您指明了正确的方向。我想最重要的是，有多个为响应式设计构建的框架，这些框架利用了媒体查询。我最喜欢的是TwitterBootstrap

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

0

只需将主潜水宽度设置为 1200 像素，然后它会自动生成移动责任

于 2016-01-31T23:57:55.037 回答

5 回答 5