使现有网站移动友好

Question

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

不好的一点是,它是一个非常复杂的网站,有大量的页面(每个页面可能会根据数据和访问该网站的用户而有所不同)很多也是遗留代码(如旧的HTML,不是验证)

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

一个单独的CSS很明显.但是,为移动设备设计的最佳实践/指南如何确保网站可用并且看起来不错？

作为参考,后端在PHP + MySql中,前端在htmls + CSS和JS中的位(JS可降级)

编辑:为了更清楚,我想在设计方面提出建议.设计移动设备的好方法是什么？

Answer 1

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

• 仅垂直滚动,而不是水平滚动.
• 使链接足够大,以便用手指轻轻按压(如果它是触摸屏设备).
• 保持页面小(最好不超过20KB) - 包括任何图像或CSS文件
• 接受某些设备将以不同方式呈现某些元素
• 确保你的XHTML有效
• 选择即使在明亮的日光下也能使用的配色方案
• 仅包含相关内容 - 充分利用有限的屏幕空间
• 尝试并避免复杂的导航
• 不要在CSS中使用绝对大小
• 使用最小的CSS和Javascript - 在使用时彻底测试
• 充分利用手机中的功能(点击通话等)
• 动员,不要只是最小化
• 尽可能避免用户输入(从下拉列表中选择输入文本 - 如果可能的话)
• 测试,测试,测试!(首先是模拟器,然后借用你的朋友和同事的电话来进行各种测试)
• 设计用于短期用户交互 - 使人员可以快速轻松地完成任务.
• 保持一致 - 遵循设计指南和事实标准
• 使用accesskeys进行链接

希望这些帮助.