浏览器的移动端展示,移动端的设计

Firefox:

快捷键:C+S+ “ M ”

Chrome:

快捷键:F12

然后还有一句话:

设计要看逻辑像素   这里有篇很屌的文章说得比较清楚http://colachan.com/post/3435

比如iPhone6的屏幕尺寸是750*1334

但实际它的逻辑像素只有375*667

为什么!!!因为它拿两个像素当一个像素用!!所以很!!清!!晰!!

这句话满分 ↓↓↓↓

问:那我设计iPhone6的界面怎么定尺寸?

答:尺寸还是逻辑尺寸,像素设成72*2=144

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 为什么模拟器下iP6的分辨率为375*667而设计图一般给750*1334? PPI:每英寸内有多少物理像素点(设...
    LoveBugs_King阅读 2,224评论 0 0
  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 19,529评论 5 80
  • 导读:标注图是客户端进入企业级开发阶段后必不可少的一部分,好的标注图直接影响到客户端最后的还原与实现。随着iPho...
    _木木_阅读 5,719评论 12 35
  • 用 scrollview 做,循环展示,1~10个可以比较简单,耗能比较少,假设100,1000,等等或者更多,总...
    LeeDev阅读 3,261评论 5 9
  • hexo官方给了一些迁移的方法,不过它上面介绍的方法都是把博客文章从hexo系统迁移到其他博客系统的方法。然而我们...
    砖用冰西瓜阅读 14,158评论 22 8