首页 > 移动端页面制作是怎样达到精细的制作

移动端页面制作是怎样达到精细的制作

pc端的页面有精细到1像素的要求。但手机端页面怎样得到高精细的程度。
我使用的是media rem 布局,设计稿640px。

html{font-size:20px;}
@media only screen and (max-width:440px) {
    html { font-size: 18px; }}
@media only screen and (max-width:400px) {
    html { font-size: 17px; }}
@media only screen and (max-width:360px) {
    html { font-size: 16px; }}

我的方法是不同区间给他设置不同的值。只要看着正常就好了
但领导要的是把设计稿放在手机上的效果(psd变jpg在手机上100%的效果)。
这样的效果我该如何去做呢?(这种比例我该如何去设置)


你可以看看这个,并使用淘宝开发的前端移动,它可以直接将px转化为rem,实现不同终端的自适用


使用rem,配合js计算屏幕宽度,设置html 字体大小;


除非测试机与psd宽高、像素比一致,切换算后的rem能够被整除,否则不可能100%贴合
即便是pc端,文字也不可能100%与设计图一致;

【热门文章】
【热门文章】