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名。