前端 - 移动端页面制作是怎样达到精细的制作
大家讲道理
大家讲道理 2017-04-17 13:17:32
[HTML讨论组]

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%的效果)。
这样的效果我该如何去做呢?(这种比例我该如何去设置)

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
怪我咯

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

PHP中文网

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

巴扎黑

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号