移动端规范初步草案

多平台解决方案

对于已经存在桌面Web版，难以重构或者非常复杂的网站，我们考虑采用纯移动端的设计开发，尽量走轻量级路线。类似于本次 http://m.sdo.com 的页面开发需求。

对于新建站点，并且站点内容并不非常复杂，同时有移动端需求的网站，我们考虑采用全站响应式设计开发。

UI设计时，原则上采用 640x960 的尺寸。对于 图片中含有文字的图片 ，需要额外设计小一倍的图片。（纯文字则不需要）

从设计中抠下来的图片应该包含两种尺寸：

xxx.png, 尺寸压缩一倍的图片， e.g. 尺寸为 20x10

 抠图的时候，从640x960的设计中直接抠图，并且将图片命名为 xxx_2x.png。
 同时将 xxx_2x.png的图片批量压缩一倍（考虑使用脚本或者photoshop功能），
 生成 xxx.png。实际使用的为 xxx.png. xxx_2x.png为后期适配retina屏幕。

文字的大小应跟Web端接近，或者是 PSD 中文字大小的一半。在未来的开发中，应当积累下来一些固定的文字尺寸，比如 (只是假设)：

标题(h2): 22px
次级标题(h3): 20px
段落文字(p): 14px

高度可以使用固定的px值 (e.g. 50px)。对于特殊需求，比如需要正好占满全屏的需求，也可以考虑使用百分比。

对于需要保持布局的情况，比如希望一行中固定展示4张图片。那么采用百分比的方式来处理。

如果需要保持图片的大小，那么可以采用两种方法：

最优的解决方案，还是使用响应式，在不同情况下，使用不同的图片和布局。不过这套机制需要逐步完善。后续再慢慢补充。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">

默认情况下，我们采用如上的设置。对于不同的情况，可以加上 maximum-scale=1.0 和 user-scalable=no。