如何“引导”现有网页？

Question

我有一些现有的HTML并不完全适合移动设备。我正在寻找是否有某种转换＆＃34;过程/等。将现有网页转换为适合移动设备（即Bootstrap）？

Answer 1

如果你有一个漂亮的干净标记结构，可以很容易地使整体布局响应。您可以将百分比值应用于主垂直元素的宽度，也可以开发一组媒体查询以逐步方式管理它们。剥离下级元素的宽度，让它们与这些主要容器一起流动。使用现代移动设备可以让您感觉足够远，您可能根本不需要使用单列块布局。

你可能会把大部分时间花在做小事上 - 制定移动导航方案，在小屏幕上处理像你的徽标等图像。

熟悉Bootstrap和Foundation提供的内容。如果您认为可以使用它们的许多元素和功能，请使用它们的类和数据属性覆盖其中一个元素和数据，以便快速轻松地进行转换。如果没有，请编写一个简单的网格或媒体查询协议，就像我提到的那样。

Answer 2

不知道任何转换过程有助于将HTML网站转换为移动友好网站，例如建立在Twitter Bootstrap平台上的网站。据我所知，这是一个手动过程。从Twitter Bootstrap框架开始，将HTML内容，图像等复制并粘贴到Bootstrap框架和目录结构中。您还需要将HTML导航映射到Bootstrap导航中。总的来说，大多数现有信息应该映射到Bootstrap框架，最终将为您提供一个适合移动设备的网站。