如何构建我的网站的移动（平板电脑）友好版本？答案

【问题标题】：How do I build a mobile(tablet) friendly version of my website?如何构建我的网站的移动（平板电脑）友好版本？
【发布时间】：2023-03-17 19:36:02
【问题描述】：

我创建了网站，它的大部分部分都使用了流畅的布局 CSS。我现在想让这个网站看起来适合平板电脑。

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

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

编辑：很多人都建议使用 Jquery Mobile。我可以将它与我现有的 Asp.Net 网站一起使用吗？我是否需要更改我现有的整个 CSS，并且我是否仅限于使用那些 Jquery UI 按钮？

第二个也是最重要的问题是这是否适用于 Asp.Net Vanilla。假设我的页面上有网格视图。 Jquery 移动版可以使用吗？

【问题讨论】：

【解决方案1】：

对于设备友好的网站，您应该使用Asp.net MVC4 和jQuery Mobile。它有很棒的mobile features

首先你应该阅读Using HTML5 to Create Mobile Experiences和50 Responsive web examples

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：