将网站转换为移动网站 [关闭]

Question

我刚刚完成了我的网站。当我使用桌面浏览器访问该站点时，它看起来不错。 但是当我使用移动设备访问该网站时，该网站无法辨认...

所以我想要我的网站的移动版本。 但是我不想仅仅为一个站点学习移动网络开发......所以对于像我这样的外行来说一定很容易！

我已经在谷歌搜索了，但只找到了一些教程。这些教程对我来说真的很难...... 我搜索类似工具或为我转换它的团队之类的东西。我也为此付出了一些代价！

谢谢你的回答

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" />

Answer 2

当我开始开发网站时，我只是为大屏幕开发网站。但是在移动设备如此之多的时代，您必须能够作为 Web 开发人员开发移动网站。

网站http://www.dudamobile.com/index.php 对我有很大帮助。 它将您的网站转换为移动视图。不完美，但有很好的基础。免费。

如果您对移动开发缺乏经验，请在 Google 上获取提示。

http://jquerymobile.com/ 有一些关于移动版 jQuery 的信息。或者直接在 Stack Overflow 上询问。