我如何建立一个移动(平板电脑)友好版本的我的网站



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

这个网站应该可以在Ipad上正常查看。这是我唯一的要求。

我该怎么做?哪些开发工具可以加快我的速度?

编辑:许多人建议使用Jquery Mobile。我可以在我现有的Asp.Net网站上使用它吗?我需要更改我现有的全部CSS吗?我是否被限制只能使用那些Jquery UI按钮?

第二个也是最重要的问题是这会与Asp.Net香草一起工作吗。假设我的页面上有网格视图。Jquery手机能用吗?

对于设备友好型网站,您应该使用Asp.net MVC4和jQuery Mobile。它具有出色的移动功能

首先,你应该阅读使用HTML5创建移动体验和50个响应式网络示例

使用CSS媒体查询。这里有一篇关于ASP.NET MVC4移动功能的有用文章。

您还可以研究响应式CSS。它使用设备宽度和图像缩放以及良好的CSS定义来将网站缩放到设备。

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

例如无框架网格

最新更新