如何构建我的网站的移动(平板)友好版本?

时间:2012-07-12 12:26:14

标签: c# jquery asp.net asp.net-mvc asp.net-mvc-3

我创建了网站,它为大多数部分使用了流畅的布局CSS。我现在想要对这个网站做一个平板电脑友好的外观。

此网站应在Ipad上正常显示。这是我唯一的要求。

我该怎么做?哪些是加速我的开发工具?

编辑:很多人都建议使用Jquery Mobile。我可以在现有的Asp.Net网站上使用它吗?我是否需要更改整个现有的CSS,我是否仅限于使用这些Jquery UI按钮?

第二个也是最重要的问题是这将与Asp.Net Vanilla一起使用。假设我的页面上有一个gridview。请问Jquery移动工作吗?

4 个答案:

答案 0 :(得分:4)

对于设备友好型网站,您应使用Asp.net MVC4jQuery Mobile。它有很棒的mobile features

  

首先,您应该阅读Using HTML5 to Create Mobile Experiences50 Responsive web examples

答案 1 :(得分:0)

使用CSS Media Queries。和here is一篇关于ASP.NET MVC4移动功能的有用文章。

答案 2 :(得分:0)

您还可以查看自适应CSS。它使用设备宽度和图像缩放以及良好的CSS定义来将站点扩展到设备。

答案 3 :(得分:0)

您还可以使用框架进行响应式设计。

e.g。 framelessgrid