移动端页面开发(像素问题:字体大小行间距问题)

phper 发布于 2014年11月24日 | 更新于 2014年11月24日
无人欣赏。

UI设计图宽640px*高(自动)根据网上资料 (计算)先设置一个基数 html {font-size: 62.5%;}

注:1/父元素的font-size*需要转化的像素值 = em 或 (rem)!

例如:一个字体为 16px 根据公式得: 1 / 16 * 16px = 1em。 (或 = 1rem)!

开发后的效果图会与设计图差别很多!

所以在此请教: 有没有新的方法 ,或者一个计算公式(单位)(可以兼容更多的手机及提高工作效率)

备注:我们的UI设计图 宽(640px) * 高 (auto) 单位都为 像素(px)!

如有不明白的此处可以下载demo (在此先感谢了)

下载demo:事例下载

手机截屏效果图:(第一张为:计算公式效果图 , 第二张为:自己对照缩放效果图)

alt text

alt text

暂无回复
登录 或者 注册