如何创建现有网站的移动版本？ [关闭]

Question

我没有移动开发方面的经验。有一个网站在手机上打开分散。我应该创建该网站的移动版本。我有 2 个问题要开始：

1.如何创建该网站的移动版本？采用现有的网站 HTML 并添加一些属性？ 2 个版本（网页版和移动版）如何执行相同的操作？

2. 您推荐哪种移动框架既简单又好用？

Answer 1

1. 您应该看看CSS Media Queries 并让您的网站响应。

2. 我可以推荐Foundation，一个响应式前端框架

Answer 2

• 首先，我要做的主要事情是确保您的宽度以百分比表示。这样，您的网站将根据窗口的大小进行调整（网络一直是自然响应的）。

• 要制作现有网站的移动版本，需要使用 CSS 进行一些调整，以使其在不同尺寸的屏幕上看起来不错。这基本上是改造，heres 一篇关于那的好文章。 基本上调整您的浏览器大小（打开您的网站），无论它在哪里开始看起来很有趣，不可读，或者您觉得可以进行更改以增强外观，只需使用CSS Media Queries 添加一个断点，如上述响应中所述。

• 如上所述，我一直都听说过有关 Foundation 的好消息。根据您网站的复杂程度，您可以不使用，只需推出您自己的响应式移动版网站。