如何构建适用于移动设备（平板电脑）的网站版本？

Question

我创建了一个网站，大部分使用流式布局的 CSS。现在我想为这个网站创建一个适合平板电脑的外观。

我的唯一要求是这个网站在iPad上能够正确显示。

我应该怎么做？有哪些开发工具可以加速完成这个任务？

编辑：很多人建议使用Jquery Mobile。我能在现有的Asp.Net网站中使用它吗？我需要更改整个现有的CSS，并且只能使用那些Jquery UI按钮吗？

第二个也是最重要的问题是，这是否适用于Asp.Net Vanilla。例如，如果我的页面上有一个GridView，Jquery mobile能够工作吗？

- Jack

---

请查看jQuery Mobile。 - L.B

请查看此链接：http://www.zurb.com/playground/responsive-tables 或者此链接：http://www.zurb.com/article/1012/new-foundation-30-playground-release-off-。 - andres descalzo

对于asp.net的GridView，请查看http://bit.ly/Sd4Aup。 - Brij

Answer 1

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

首先，您应该阅读 使用HTML5创建移动体验 和 50个响应式网页示例。

- Asif Mushtaq

Answer 2

使用CSS媒体查询。这里是一篇关于ASP.NET MVC4移动特性的有用文章（点击查看）。

- laszlokiss88

Answer 3

你也可以研究响应式CSS。它使用设备宽度和图像缩放以及良好的CSS定义来调整网站适应设备。

- Kris.Mitchell

Answer 4

你也可以使用框架来实现响应式设计。

例如：framelessgrid

- Arnaud Christ