通俗易懂讲解为什么设计稿都是750px!!!

简介: 通俗易懂讲解为什么设计稿都是750px!!!

相信很多做前端的有时候很好奇为什么设计稿都是750px,查了好多资料也懵懵懂懂的,我也是这样的,经过自己查阅文档,我将自己理解的告诉大家,不妥之处请大神指出,将十分感谢!!!


第一点:手机像素


手机像素是逻辑像素也就是pt,1pt等于2px


第二点:物理像素


设计稿普遍给的都是物理像素,也就是px


第三点:为什么不给pt像素呢


因为css像素普遍使用率最高就是px像素,苹果手机屏幕为二倍高清屏,显示更为清晰


第四点:为什么没有比750还大的设计稿呢


因为人类的视觉分辨最大就是750,给在大的设计稿在手机上你也看不出区别,750是人类最为舒适的


第五点:手机屏幕为375要给750的设计稿


因为给俩倍的设计稿显示会更为清晰,超过俩倍人类在手机视觉上也看不出区别,给三倍就已经超过人类视觉的极限了

相关文章
|
4月前
|
前端开发 JavaScript Serverless
揭秘CSS布局神器:vw/vh、rem、%与px大PK,掌握它们,让你的网页设计秒变高大上,面试难题迎刃而解!
【8月更文挑战第4天】在Web开发中,合理选择CSS单位对响应式布局至关重要。本文探索viewport单位(vw/vh)、rem、百分比(%)及像素(px)的基础知识与应用场景。通过代码示例,展示如何运用这些单位实现全屏布局、尺寸比例调整、灵活的元素大小及固定尺寸。最后,模拟面试题,介绍如何仅用CSS实现一个元素的高度为其宽度两倍且响应视口变化的方法。
278 8
|
6月前
|
移动开发 前端开发 HTML5
技术经验解读:关于前端的margin
技术经验解读:关于前端的margin
47 0
|
6月前
|
前端开发
技术经验分享:DIV居中的经典方法
技术经验分享:DIV居中的经典方法
22 0
|
7月前
|
设计模式 前端开发 关系型数据库
SOLID设计原则和我的一点个人感悟
SOLID设计原则和我的一点个人感悟
61 0
|
7月前
|
前端开发 SEO
小兔鲜儿【网页布局实战 上】
小兔鲜儿【网页布局实战 上】
129 0
|
敏捷开发 存储 关系型数据库
码农也要有原则 : SOLID via C#
让姑姑不再划拳 码农也要有原则 : SOLID via C#
77 0
 码农也要有原则 : SOLID via C#
|
7月前
|
前端开发
面试官【说一下移动端1px的解决方案】
面试官【说一下移动端1px的解决方案】
73 0
|
前端开发 数据可视化 C++
【重学CSS】图文并茂!一次性搞懂 Flex 布局,实现“布局自由”~(下)
【重学CSS】图文并茂!一次性搞懂 Flex 布局,实现“布局自由”~(下)
【重学CSS】图文并茂!一次性搞懂 Flex 布局,实现“布局自由”~(下)
|
前端开发 安全 容器
【重学CSS】图文并茂!一次性搞懂 Flex 布局,实现“布局自由”~(上)
【重学CSS】图文并茂!一次性搞懂 Flex 布局,实现“布局自由”~(上)