原文:使用lib-flexible.js适配移动端UI设计750px设计图

最近在和设计沟通关于设计图尺寸大小和前端实际页面尺寸大小不一致的情况,我们的UI设计是使用的iPone 的, iphone : px px 实际像素: px px 如果按照她给的尺寸直接复制那么你的页面尺寸就是一个放大镜,正常人都知道那是不对的,我在做的时候有两种解决办法: 一 UI设计尺寸定基数 可以和UI沟通在给你的标记尺寸大小时候,让她基于一个数值,一般是 px。给你标注的时候选择保留两个 ...

2019-05-24 14:37 0 1277 推荐指数:

查看详情

移动 750px UI 设计稿

750px UI 设计稿 App 小程序 H5 rem & vh/vw 在移动页面开发中,UI 一般会用750px(iphone 6)来出设计稿; 然后要求能够做到页面是自适应屏幕的,这种情况下就可以用 rem或者 vh/vw 等相对单位来做适配; why ...

Wed Apr 01 05:42:00 CST 2020 2 2654
移动设备分辨率(终于弄懂了为什么移动设计稿总是640px750px

  在我开始写移动页面至今,一直有2个疑问困扰着我,我只知道结果但不知道为什么   问题1:为什么设计师给的设计稿总是640px750px(现在一般以Phone6为基准,给的750px)   问题2:为什么我们拿到640px750px设计稿,在编码的时候都要除以 ...

Thu Sep 06 19:17:00 CST 2018 0 796
在vue移动使用lib-flexiblepx2remLoader适配屏幕

  在对移动适配过程中,之前一直用的rem来进行,通过自己封装一个rem的计算函数来对整个项目进行适配。现在发现了一种更为简单,也更加方便的方式来对移动进行屏幕的适配。   下载lib-flexible cnpm i lib-flexible --save ...

Thu Sep 06 17:42:00 CST 2018 0 1179
通俗易懂讲解为什么设计稿都是750px

相信很多做前端的有时候很好奇为什么设计稿都是750px,查了好多资料也懵懵懂懂的,我也是这样的,经过自己查阅文档,我将自己理解的告诉大家,不妥之处请大神指出,将十分感谢!!!第一点:手机像素手机像素是逻辑像素也就是pt,1pt等于2px第二点:物理像素设计稿普遍给的都是物理像素,也就是px第三 ...

Thu Dec 17 22:49:00 CST 2020 0 745
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM