3

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

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

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

谢谢你的回答

4

2 回答 2

10

您可以做的是，使用 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" />
于 2012-10-02T09:55:35.107 回答
5

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

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

当您对移动开发缺乏经验时，请谷歌寻求提示。

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

于 2012-10-02T09:53:13.387 回答