将网站转换为移动网站

时间:2012-10-02 09:50:16

标签: jquery html5 css3 mobile

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

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

我在google中搜索allready,但只找到了一些教程。这些教程对我来说真的很难...... 我搜索的东西就像是为我转换它的工具或团队。我也付钱给它了!

谢谢你的回答

3 个答案:

答案 0 :(得分:8)

你可以做的是,使用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" />

答案 1 :(得分:5)

当我开始开发网站时,我只是为大屏幕开发网站。但是在这么多时候,有这么多移动设备,你必须能够作为网络开发者开发移动网站。

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

如果您对移动开发缺乏经验,请提供Google提示。

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

答案 2 :(得分:3)

或使用http://mobstac.com/

它非常易于使用!