-webkit-min-device-pixel-ratio为1.0 所有非Retina的Mac 所有非Retina的iOS设备 Acer Iconia A500? Samsung Galaxy Tab 10.1 Samsung Galaxy S? ? -webkit-min-device-pixel-ratio为1.3 Google Nexus 7 ? -w...
分类：
Web程序 时间：
2014-10-21 10:31:59
阅读次数：
339
在我们开始使用SVG前，让我们先了解一下 SVG，并且解释一下为什么使用SVG。
SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！
为什么使用SVG？
文件非常小
能够无损失的缩放尺寸
在Retina显示屏上效果超棒
能够控制图片样式设计，例...
分类：
Web程序 时间：
2014-09-25 18:51:04
阅读次数：
568
随着 Retina 屏幕的逐渐普及，网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的 Retina 屏幕显示依然清晰，曾经一度困扰着网页开发者，好在
CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢？
什么是响应式图片？
响应式图片是指：用户代理根据输出设备的分辨率不同加载不同类型的图片，不会造成带宽的浪费。同时，在改变输出设备类型或分辨率时，...
分类：
Web程序 时间：
2014-09-25 16:50:47
阅读次数：
269
随着iOS 6正式版和OS X 10.8.2正式版发布之后，苹果还向开发者发布了其应用开发工具Xcode最新版，在最新的Xcode 4.5版本中增加了:自动布局对OS X和iOS的支持;同时也增强了对MacBook Pro的Retina显示屏支持;及对Objective-C的一些优化。下面来研讨一下...
分类：
移动开发 时间：
2014-09-18 23:42:14
阅读次数：
371
拥抱Mac之码农篇
使用Mac大概两年时间，之前用着公司配的一台27寸的iMac，无奈机械硬盘严重拖慢速度，影响工作心情，于是入手Macbook Retina 13，这两年的开发工作全部在Mac上完成，也积累了一点心得，遂总结此文，文章主要介绍一些我认为可以提高程序员工作效率的工具软件，希望对使用Mac的码农有点帮助。
包管理
Mac系统上主要的包管理有Macport和Homebrew，...
分类：
其他好文 时间：
2014-09-17 12:05:13
阅读次数：
391
【原创】环境：1. macbook pro （retina）2. mac ox s 10.93. H3C inode for mac 7.0分享方法：打开mac自带的互联网分享功能，用蓝牙PAN分享网络。由于inode客户端限制多网卡，所以用WIFI分享会被检测出来，但是蓝牙不会被检测到。
分类：
其他好文 时间：
2014-09-03 14:43:56
阅读次数：
205
Retina (3.5/4 inch Screen) or Non-Retina...
分类：
移动开发 时间：
2014-08-23 16:50:11
阅读次数：
193
layouttltletagspostios7下移动web开发的几个坑webapp1.Retina屏下1px border由于高清屏的特性，1px是由2×2个像素点来渲染，那么我们样式上的border:1px在Retina屏下会渲染成2px的边框，一般有以下几种方法：图片阴影缩放移动版开发采用软图片...
分类：
其他好文 时间：
2014-08-11 14:20:22
阅读次数：
164
Retina 直接翻译是视网膜的意思。在IT上，是Apple 公司提出的。意思是指一个显示屏的颗粒度 px 密度高到人类无法看见。要了解细节必须先了解基础知识inch 英寸 1 inch = 2.52 cm手机的inch 以屏幕的斜线(左上角到右下角的长度)来计算ppi= pixel per inc...
分类：
其他好文 时间：
2014-08-07 12:21:39
阅读次数：
243
【本文原创，谢绝转载】
【总结】
1.手机浏览器，不管是UC、原生浏览器、safari，显示页面都是按照320px的
2.由于现在手机的宽度都大于320px，所以，图片会模糊
3.像苹果的retina屏幕的方式学习！ 先把图片做成两倍长宽的大小，然后通过css样式强制做成原大小...
分类：
移动开发 时间：
2014-08-01 23:11:42
阅读次数：
209
