我刚刚完成了我的网站。当我使用桌面浏览器访问该网站时,它看起来不错。 但是,当我使用移动设备访问该网站时,该网站难以辨认......
所以我想要一个我的网站的移动版本。 但我不想研究仅为一个网站开发的移动网络......所以对于像我这样的外行人来说一定很容易!
我在google中搜索allready,但只找到了一些教程。这些教程对我来说真的很难...... 我搜索的东西就像是为我转换它的工具或团队。我也付钱给它了!
谢谢你的回答
答案 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)
它非常易于使用!