移动端Web开发

移动端Web开发与PC端的web开发有尺寸上的不同，手机屏幕大小有很多种，因此尺寸方面有些要注意的。

1.字体  采用JS动态设置字体大小的方法

思路如下：屏幕宽度>640px,  则font-size=100px;

               屏幕宽度<=640px,则font-size=100*宽度/640px;

字体单位为rem  在body中设置好font-size:625%,这样1rem = 100px;

2.百分比布局

body设置好width=100% height=100%

控件宽度=控件宽/总宽度；

控件高度=控件高/父元素高度

margin-top,margin-bottom,padding-top,padding-bottom,

margin-left,margin-right,padding-left,padding-right

*******值设定为设计稿margin(padding)/总宽********

3.各种css属性的注意事项

line-height:28px  表示行高为28px

line-height:120% 表示行高为当前字体的120%

line-height:2.6rem 表示行高为当前字体的2.6倍