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

Question

我正在寻找创建我们网站的移动版本。什么是提供最好，功能最全的版本的好方法。

我们有HTML5和CSS3网站。是否可以进行转换？

提前致谢...

Answer 1

转换网站时需要考虑几个因素，您要支持的屏幕和设备大小 - 只是手机或手机垫？您网站的内容/功能是什么？如果它是相当静态的显示数据类型，那么你可以考虑“响应式设计”（如果你google它的很多链接）。您可以修改布局以处理屏幕大小。你可以使用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 */
}