将网站转换为移动网站

Question

我刚完成了我的网站。当我使用台式机浏览器访问时，它看起来不错。但是当我使用移动设备访问时，网站无法阅读...

因此，我想要一个移动版本的网站。但我不想为了一个网站而学习移动Web开发...所以对于像我这样的外行人来说，必须很容易！

我已经在Google上搜索过了，但只找到了一些教程。这些教程对我来说太难了...我正在寻找像工具或者团队之类的可以帮我转换的东西。我也愿意支付一些费用！

感谢您的回答。

- user1671245

---

你可以使用类似 Twitter Bootstrap 的工具来快速设置你的网站 - http://twitter.github.com/bootstrap/ 这里还有另一个工具可以让它变得更容易 - http://jetstrap.com/ - JohnP

将现有网站开发为移动端相对较为困难。最好在项目开始时就考虑移动端的开发。我建议您使用像960gs这样的框架，以便更轻松地完成移动端开发。 - Undefined

Answer 1

您可以使用JavaScript或CSS检测屏幕的宽度。

随后，根据检测结果，使用适用于桌面端的CSS或移动端的CSS。这将是最快的方法，显然，您需要为移动设备创建单独的CSS文件并将其构建为移动端样式。

以下是如何进行检测：

<link rel="stylesheet" media="only screen and (max-width: 600px)" href="mobile.css" />
<link rel="stylesheet" media="only screen and (min-width: 601px)" href="desktop.css" />

- Christopher

---

将网站转换为移动网站的最简单方法 - Vijay Verma

谢谢你的代码！我会使用dTDesign网站并使用你的代码 :) - user1671245

哦，天啊，我不能同时标记你们两个为最佳答案... - user1671245

Answer 2

当我开始开发网站时，我只会为大屏幕设计网站。但在如今这个移动设备如此众多的时代，作为一名Web开发者，你必须有能力开发移动网站。

对我非常有帮助的是http://www.dudamobile.com/index.php这个网站。它可以将您的网站转换为移动视图，虽不完美但是非常好的基础，而且免费。

当你在移动开发方面没有经验时，可以寻求谷歌上的技巧。 http://jquerymobile.com/提供了一些关于jQuery移动版本的信息。或者，你可以在Stack Overflow上询问相关问题。

- Michael Schmidt

---

感谢这个网站！它对于基础知识真的很简单易懂！我会使用并通过 Google 的帮助进行自定义。另外，我使用了 Christopher 的代码来进行检测。 - user1671245

工作得很好。唯一的问题是，我有ASPX页面，当使用SELECT或SEARCHING时，网站没有响应。 - Si8

设计完成后是否可以下载模板？ - Shivputra N