将现有HTML5网站转换为移动版本的最佳工具/流程

Question

我希望创建一个移动版本的我们的网站。提供最好的、功能最全的版本的好方法是什么？

我们有HTML5和CSS3网站。有可能进行任何转换吗？

先谢谢你...

Answer 1

当转换你的网站时，有几件事需要考虑，你打算支持多大尺寸的屏幕和设备-只支持手机还是平板电脑？还有什么是你网站的内容/功能。如果它是相当静态的显示数据，那么你可以考虑“响应式设计”(如果你在谷歌上搜索，会有很多链接)。您可以修改布局以处理屏幕大小。你可以使用Modernizr或者类似的东西来确定设备有什么功能，以及如何皮肤/处理导航、表单数据等。我认为你不会找到任何东西来“移植”你的站点(除了付钱给别人去做)

Answer 2

我假设你计划在你的网站的移动版本上有类似于桌面版本的内容，如果是这样的话，你可以使用媒体查询来配置你的网站的样式，以最适合各种移动屏幕尺寸，例如：

/* Media Queries
------------------------------------------------------------------------------*/

@media handheld and (max-width:480px),
       screen and (max-device-width: 480px),
       screen and (mx-width: 600px) {
  /* then modify css for the small screen such as centering headers, setting inherit widths etc */
}