[html] 为什么移动端页面的设计稿一般是750px/640px呢?

750px 代表iphone6或inphone6s 设备的像素(宽)
640px 代表inpone3Gs,inpone4/4s iphone5系列 设备的像素(宽)
其他手机大多数时这两种规格
750px/640px 代表的逻辑像素是 375px/320px,简称2.x 图;所以实际上写css像素时,要除以2

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 为什么移动端页面的设计稿一般是750px/640px呢?相关推荐

  1. 移动端web设计尺寸_移动端H5页面的设计稿尺寸大小规范

    当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的.如果是app设计师,就不会那么纠结啦. 那么多手机屏幕尺寸,设计稿 ...

  2. 移动端web设计尺寸_移动端H5页面的设计稿尺寸(上)

    由于HTML5和微信内置浏览器的火爆,移动端H5网页越发流行.在设计制作移动端网页的时候,你是否疑惑,这种网站设计稿应该做成的多少屏宽,是否应该跟手机的分辨率一致,还是应该按照iPhone的分辨率来设 ...

  3. 移动端h5页面的设计稿尺寸

    当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的.如果是app设计师,就不会那么纠结啦. 延伸阅读: 2015年度最 ...

  4. 移动端H5页面的设计稿尺寸大小规范

    请注意:(以下所有讨论内容和规范均将viewport设定为content="width=device-width"的情况下) 也就是我们的H5页面前端代码里面必须包含 <me ...

  5. ui设计移动端字体适配_UI设计稿中常见的单位及移动端适配

    一.pt 在我们的设计稿中,经常看到以pt单位来标注的稿子,那么pt究竟是个什么单位?其实pt是用于印刷行业用来表示字体大小的单位,也叫做磅,用过word设置字体的应该不会陌生,它是一个绝对长度,为1 ...

  6. 图上上传页面设计_无线端页面设计“三大雷区”

    无线视觉规范 手机端页面的设计有许多的规范,大到涉及整个页面的排版呈现方式,小到一个icon的尺寸大小,这都关系到视觉页面的美观程度以及用户体验设计.所以应该积极主动去分析深入了解并研究出可行的解决方 ...

  7. 根据PSD登陆页面设计稿切图制作HTML网页全过程

    切图的目的是把PSD设计稿转换为HTML页面.记得自己当时学习切图时,网上切图相关的文章是不少,但是大都是讲怎么使用切片工具把一张图片分割成多张图片,然后存储为Web使用格式,并且都比较简单和零碎,并 ...

  8. H5移动端rem布局还原750px设计稿方案。

    引入对应的脚本: <!DOCTYPE html> <html> <head><meta charset="utf-8" />< ...

  9. 移动端根据设计稿宽度适配 px转换相对单位rem

    为了计算方便,一般建议 1rem = 100px(设计稿px),要换算这样的比例需要设置html对应的fontSize,计算规则如下: fontSize = 屏幕宽度 / 设计稿宽度 * 基本宽度 如 ...

最新文章

  1. 【Netty】Netty为什么要手动释放ByteBuf资源?
  2. 智源论坛Live丨青年科学家线上报告会日程发布
  3. HDU - 6641 TDL(数学)
  4. 光模块的分类与HBA卡的区别
  5. SQL Server 解读【已分区索引的特殊指导原则】(3) - 非聚集索引分区
  6. 小程序文本框为空自动填写_微信免费转码机器人!小程序自动转码!
  7. 给表空间增加数据文件
  8. 设计模式 ( 二十) 备忘录模式
  9. DOS批处理对人脸库进行分类
  10. [运算放大器系列]二、电压转4 - 20MA电流电路分析
  11. WebRTC音频处理流程简介
  12. 图片轮换-jQuery
  13. pb中数据窗口函数小结(转)
  14. 携程——聪明的猴子 (容斥定理)
  15. linux phpcms,PHPCMS任意文件下载之exp编写
  16. html页面中汉字上面显示拼音
  17. 高通华裔工程师跳楼自杀!中年IT男,为何这么难?
  18. python回溯法解9*9数独
  19. __construct 与 __destruct 区别
  20. 【硬件】以太网PHY芯片有三个时钟说明

热门文章

  1. tez-site.xml_数字支付系统的未来-Google Tez和音频快速响应
  2. 五 Python之socket网络编程
  3. scrapy之内蒙古自治区环境保护厅
  4. 接口测试(java+testng+ant+jenkins)第三篇ant
  5. Centos7 安装oracle数据库
  6. 利用SoapHeader验证web service调用的合法性(dwonmoon)
  7. 水晶报表如何查看sql_有了这个报表工具,一键生成自定义的各种报表,还可以导出Excel...
  8. export function函数传参_04 js高阶函数(惰性函数、柯里化函数、compose函数)和单例设计模式...
  9. 擎天出口退税软件_新版申报系统退税申报注意事项
  10. 每日一题——王道考研2.2.4.1