web - 使现有网站对移动设备友好

Question

关闭。这个问题需要更多focused .它目前不接受答案。












想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post .

5年前关闭。




Improve this question




所以我打算让一个现有的网站移动友好。好的部分是它完全基于文本，带有一些图像，这些图像可能会从网站的移动版本中省略。

不好的部分是它是一个非常复杂的网站，有大量的页面(每个页面都可以根据数据和访问该网站的用户而有所不同)很多也是遗留代码(如旧的 html，它不证实)

所以我想知道制作移动友好网站的最佳策略是什么？创建并行版本是不可能的，因为那将是一项艰巨的任务

一个单独的 CSS 是显而易见的。但是，为移动设备设计以确保网站可用且看起来不错的最佳实践/指南又如何呢？

作为引用，后端是 PHP + MySql，前端是 htmls + CSS 和一些 JS(JS 是可降解的)

编辑:为了更清楚，我想在设计方面提供建议。为移动设备设计的最佳实践是什么？

Answer 1

为移动设备设计的一些快速提示:

仅垂直滚动，而不是水平滚动。

使链接足够大，以便用手指轻松按下(如果是触摸屏设备)。

保持页面小(最好小于 20KB)- 包括任何图像或 css 文件

接受某些设备会以不同方式呈现某些元素

确保您的 XHTML 有效

选择即使在明亮的日光下也能工作的配色方案

仅包含相关内容 - 充分利用有限的屏幕空间

尽量避免复杂的导航

不要在 CSS 中使用绝对大小

使用最少的 CSS 和 Javascript - 使用时彻底测试

充分利用电话的功能(点击通话等)

动员，不要只是最小化

尽可能避免用户输入(从下拉列表中选择比输入文本更可取 - 如果可能)

测试，测试，测试! (先模拟器，然后借你的 friend 和同事的手机来进行各种测试)

为短时间的用户交互而设计 - 使人们可以快速轻松地完成任务。

保持一致 - 遵循设计指南和事实上的标准

对链接使用访问键

希望这些有帮助。