以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。 iPhone X（也读作：iPhone 10）正式发布了，并定于11月3日开卖。它内置震撼的超级Retina屏幕，其分辨率为1125×2436像素。 在其屏幕顶部还有一个切口（俗称“刘海”），你可以通 ...
分类：
其他好文 时间：
2017-09-28 14:06:11
阅读次数：
172
armv7｜armv7s｜arm64都是ARM处理器的指令集 i386｜x86_64 是Mac处理器的指令集 i386｜x86_64 是Mac处理器的指令集 arm64：iPhone6s | iphone6s plus｜iPhone6｜ iPhone6 plus｜iPhone5S | iPad Ai ...
分类：
移动开发 时间：
2017-09-25 13:11:04
阅读次数：
334
如何使用？ 这是rem布局的核心代码，这段代码的大意是：如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) 于是，问题来了，为什么要这样？别急，我先来一一回答 为什么是64 ...
分类：
移动开发 时间：
2017-09-06 15:45:16
阅读次数：
175
Chart.js：用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果，并且看上去非常棒，即便是在retina屏幕上。基于HTML5 canvas技术，Chart.js不依赖任何外部工具库，轻量级（压缩之后仅有4.5k）。值得推荐学习！ 步骤： html部分： JavaScript部分： 曲 ...
分类：
Web程序 时间：
2017-08-24 18:03:13
阅读次数：
2540
在Reina（视网膜）屏幕的手机上，使用CSS设置的1px的边框实际会比视觉稿粗很多。在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了，UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样。没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是为什么。所以查了很多资料，终于搞懂了... ...
分类：
移动开发 时间：
2017-08-13 21:15:13
阅读次数：
287
效果如下： 因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。 在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devi ...
分类：
移动开发 时间：
2017-08-04 20:37:14
阅读次数：
222
由于苹果电脑的普及，所以Retina 屏幕兼容越来越重要，在普通屏幕上正常的背景，在Retina 屏幕上都会发虚。 首先新建一个scss文件，起名为utils.scss ,在文件中写入下面代码： /* Retina 屏幕兼容 */@mixin ratio(){ @media only screen ...
分类：
其他好文 时间：
2017-08-01 17:48:53
阅读次数：
232
使用icomoon字体图标详解 字体图标的优势：(isux的总结) 1、轻量性：一个图标字体比一系列的图像（特别是在Retina屏中使用双倍图像）要小。一旦图标字体加载了，图标就会马上渲染出来，不需要下载一个图像。可以减少HTTP请求，还可以配合HTML5离线存储做性能优化。 2、灵活性：图标字体可 ...
分类：
其他好文 时间：
2017-07-18 01:47:01
阅读次数：
385
在移动web项目中，经常会实现以下1像素的边框 移动web设计中，在retina显示屏下网页会由1px会被渲染为2px，那么视觉稿中1px的线条还原成网页需要css定义为0.5px 但是正当我们去用0.5px定于boder的时候发现css的border-width: 0.5px不起作用，那是不是真的 ...
分类：
移动开发 时间：
2017-07-11 16:37:07
阅读次数：
214
Qt移动应用开发（二）：使用动画框架 上一篇博客介绍了怎样使用Qt的QML来对屏幕分辨率大小进行适应，其实，不同分辨率的适应是一个很棘手的问题，除了分辨率不同外，宽高比（aspect ratio）也不尽同样。有些平板在硬件上做得和IPad一样是Retina屏（2048×1536），有些低端的手机分辨 ...
分类：
移动开发 时间：
2017-07-09 20:47:01
阅读次数：
202
