将网站转换为移动网站

Question

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

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

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

谢谢你的回答

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

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

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

当您对移动开发缺乏经验时,谷歌会提示.

http://jquerymobile.com/提供了jQuery移动版的一些信息.或者只是询问Stack Overflow.