2012-12-14 126 views
1

我们有我们在ASP.net Web窗体和MVC制作的网页。我们希望让他们能够访问移动设备。有没有人有如何做到这一点很好的参考?或者有关如何制作响应式网页的建议?使ASP.net响应移动设备

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

感谢您的帮助!

+3

你应该看看“媒体查询”。或者可以考虑使用twitter bootstrap或其他网格框架。 – RandomWebGuy

+0

谢谢,我认为媒体查询是我需要的 –

回答

6

你需要什么叫做CSS媒体查询。基本上你可以为特定的屏幕尺寸创建不同的CSS规则。 例如

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

将每当浏览器窗口/屏幕宽度比520px更大和小于700像素更小的设置体背景红色。

尝试google搜索“CSS媒体查询”和“响应式设计”,即会指出你在正确的方向

1

@Slavenko指出哟你在正确的方向。我想首先介绍一下,为响应式设计构建了多个利用媒体查询的框架。我最喜欢的一个是TwitterBootstrap

0

我一直在使用CSS框架或使用Web窗体替代渲染的修补程序,感觉就像坐在服务器端控件之上的黑客。

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

0

只是让主潜水宽度1200像素,然后它会自动使移动责任