我们有我们在ASP.net Web窗体和MVC制作的网页。我们希望让他们能够访问移动设备。有没有人有如何做到这一点很好的参考?或者有关如何制作响应式网页的建议?使ASP.net响应移动设备
我在考虑制作2个母版页。一个用于移动设备,一个用于台式机,但我认为可能有更好的方式来做到这一点..
感谢您的帮助!
我们有我们在ASP.net Web窗体和MVC制作的网页。我们希望让他们能够访问移动设备。有没有人有如何做到这一点很好的参考?或者有关如何制作响应式网页的建议?使ASP.net响应移动设备
我在考虑制作2个母版页。一个用于移动设备,一个用于台式机,但我认为可能有更好的方式来做到这一点..
感谢您的帮助!
我用下面的方法,因为我们要支持旧的浏览器(像IE7)和我们不想传输适用于所有可能的设备的标记和样式...
本文介绍如何在移动网页添加到ASP应用程序:
http://www.asp.net/whitepapers/add-mobile-pages-to-your-aspnet-web-forms-mvc-application
你需要什么叫做CSS媒体查询。基本上你可以为特定的屏幕尺寸创建不同的CSS规则。 例如
@media screen and (max-width: 700px) and (min-width: 520px) {
body {
background: red;
}
}
将每当浏览器窗口/屏幕宽度比520px更大和小于700像素更小的设置体背景红色。
尝试google搜索“CSS媒体查询”和“响应式设计”,即会指出你在正确的方向
@Slavenko指出哟你在正确的方向。我想首先介绍一下,为响应式设计构建了多个利用媒体查询的框架。我最喜欢的一个是TwitterBootstrap
我一直在使用CSS框架或使用Web窗体替代渲染的修补程序,感觉就像坐在服务器端控件之上的黑客。
Telerik最近为其ASP.NET Web Forms控件套件添加了一组响应功能。在线演示非常令人印象深刻。您可以找到这些演示: http://demos.telerik.com/responsive-web-design-aspnet/samples.aspx
只是让主潜水宽度1200像素,然后它会自动使移动责任
你应该看看“媒体查询”。或者可以考虑使用twitter bootstrap或其他网格框架。 – RandomWebGuy
谢谢,我认为媒体查询是我需要的 –