概要：1.如何使用IcoMoon将矢量图转换成Web字体；2.如何使用生成的字体通过css应用到Web页面中。 使用字体图标的优势 字体图标除了图像清晰度之外，比位图还有哪些优势呢。 适用性：一个图标字体比一系列的图像（特别是在Retina屏中使用双倍大小的图像）要小。一旦图标字体加载了，你的图标就 ...
分类：
Web程序 时间：
2016-08-03 14:54:46
阅读次数：
236
文章转载自 酷勤网 http://www.kuqin.com/ 原文链接：http://www.kuqin.com/shuoit/20150530/346322.html 原文摘要：前些日子总被人问起 iOS Retina 屏，设置 1px 边框，实际显示 2px，如何解决？ 最后找到一个还算好用的 ...
分类：
移动开发 时间：
2016-07-22 16:08:51
阅读次数：
176
接触retina屏 基础知识（移动Web的基础知识）排版布局（高效的移动Web布局）开发效率终端交互优化 pixel像素基础viewport视图viewport_meta标签viewport_coding pt, pxViewport640*960initial-scale=1.0devicePix ...
分类：
移动开发 时间：
2016-07-09 11:48:28
阅读次数：
147
Retinex理论
Retinex理论始于Land和McCann于20世纪60年代作出的一系列贡献,其基本思想是人感知到某点的颜色和亮度并不仅仅取决于该点进入人眼的绝对光线，还和其周围的颜色和亮度有关。Retinex这个词是由视网膜(Retina)和大脑皮层(Cortex)两个词组合构成的.Land之所以设计这个词，是为了表明他不清楚视觉系统的特性究竟取决于此两个生理结构中的哪一个，抑或...
分类：
编程语言 时间：
2016-07-03 19:43:13
阅读次数：
1002
iPhone Portrait iOS 8，9-Retina HD 5.5 （1242×2208） @3x iPhone Portrait iOS 8，9-Retina HD 4.7 （750×1334） @2xiPhone Portrait iOS 7,9-2x （640×960） @2x iPh ...
分类：
其他好文 时间：
2016-06-28 15:47:45
阅读次数：
211
你可能不知道的.5px 移动web设计中，在retina显示屏下网页会由1px会被渲染为2px，那么视觉稿中1px的线条还原成网页需要css定义为.5px。文章开头的漫画中，细心的设计师发现粗线条并吐槽，前端哥的理由是因为css的border-width不支持.5px，所以用了1px来替代，最终渲染 ...
分类：
移动开发 时间：
2016-06-28 10:44:24
阅读次数：
391
网上大部分方法都已过时，下面贴上可以用的，适合Retina屏 ...
分类：
其他好文 时间：
2016-06-14 19:01:00
阅读次数：
212
最近和设计同学调ui，遇到的是一位对1px有极致追求的同学，像素眼一眼看出我写的是不是1px，所以让我好好地研究了一番1px到底怎么写最方便。 一、为什么出不来1px？ 简而言之：css的1px只是一个抽象的单位，并非实际设备中的1px。 关于retina屏： 我们知道现在iphone大多数型号都用 ...
分类：
移动开发 时间：
2016-06-11 22:53:43
阅读次数：
179
1. iPad 现有型号： iPad Pro, iPad Air, iPad mini 均配备Retina显示屏。早期还有iPad 依次对应的坐标系及分辨率： iPad Pro 坐标系：1366 x 1024 分辨率：2732 x 2048 iPad Air 坐标系：1024 x 768 分辨率：2 ...
分类：
其他好文 时间：
2016-06-07 07:46:27
阅读次数：
392
本文实际上想说的是ios8下 1px解决方案。 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px，在iphone 6 plug 下，更显示成3px。由其影响美感。 还好，时代总是进步的。也许很多人都不知道， 现在IOS8下，已经支持0.5px了。。 那么意味着， ...
分类：
Web程序 时间：
2016-06-02 21:39:46
阅读次数：
206
