Jquery 将网站转换为移动网站

Jquery 将网站转换为移动网站,jquery,html,css,mobile,Jquery,Html,Css,Mobile,我刚完成我的网站。当我使用桌面浏览器访问网站时,它看起来很不错。 但当我使用移动设备访问网站时,网站难以辨认 所以我想要一个手机版的网站。 但我不想只为一个网站研究移动网络开发。。。所以像我这样的外行一定很容易 我在谷歌搜索allready,但只找到了一些教程。这些教程对我来说真的很难。。。 我搜索一些东西,比如一个工具或者一个为我转换它的团队。我也为此付出了一些代价 感谢您的回答当我开始开发网站时,我只是为大屏幕开发网站。但是在这个有这么多移动设备的时代,你必须能够作为一名网络开发者开发移动网

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

所以我想要一个手机版的网站。 但我不想只为一个网站研究移动网络开发。。。所以像我这样的外行一定很容易

我在谷歌搜索allready,但只找到了一些教程。这些教程对我来说真的很难。。。 我搜索一些东西,比如一个工具或者一个为我转换它的团队。我也为此付出了一些代价


感谢您的回答当我开始开发网站时,我只是为大屏幕开发网站。但是在这个有这么多移动设备的时代,你必须能够作为一名网络开发者开发移动网站

网站对我帮助很大。 它将您的网站转换为移动视图。不完美,但有很好的基础。免费的

当你对手机开发缺乏经验时,谷歌会提供一些提示


有一些关于jQuery移动版的信息。或者直接询问堆栈溢出。

您可以使用javascript或css检测屏幕宽度

然后根据检测到的结果使用桌面CSS或移动CSS。这将是最快的方法,显然您需要为mobile创建一个单独的CSS文件,并为mobile构建它

以下是您可以检测的方法:

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


你可以使用twitter bottstrap之类的工具来快速设置你的网站——这里有另一个工具可以让它变得更简单——很难将现有网站开发成移动网站。考虑到移动设备,构建项目要容易得多。我建议使用一个框架,比如960gs,让这对你来说更容易。将网站转换成移动网站最简单的方法谢谢你的代码!我将通过dTDesign使用该网站,并使用您的代码:)哦,伙计,我不能为接受答案标记您俩…感谢该网站!这是非常简单的基础!我将在谷歌的帮助下使用它并对其进行成本化,为了检测,我使用了克里斯托弗的代码:)效果很好。唯一的问题是,我有ASPX页面,当使用SELECT或Search时,网站没有响应。是否可以在设计后下载模板