移动App开发学

1.rem的使用

网页模拟器合适的字体，在移动端也能会被放大。在设计的时候，要设置不换行，并留出更多的空间。

同样的12号字体，有的手机就会显示很大，有的会很小。和系统有关，这个要注意。

rem是css单位；

1rem的大小是通过html下的font-size这个css属性告诉浏览器的；

使用替换px所在的位置即可

假定你预设在设计稿的时候 1rem = 10px;

然后一个元素（class=”ele”）的宽度是20px，高度30px（设计稿），

那么你的css这么写就可以了；

html {
    font-size: 10px;
}
.ele {
    width: 2rem;
    height 3rem;

}

还有其他移动端单位 vw vh等

2.因为有多个界面，需要多个jsp文件，在写css时，在每个jsp文件的最外层div上，写上名为这个jsp文件名的class，在写css时，都写在这个class下，易于分别，防止其他css文件有相同的class名。