agm抄知乎时发现，avatar的img标签有个陌生的srcset属性，如下： 翻阅得知此属性用于：以最合适的src去匹配不同屏幕（高分屏低分屏如Retina；大屏小屏）。使用如下： 2x、3x 表示目标屏幕的像素密度；400w、600w表示目标浏览器的宽度的限度，如浏览器宽度550w时，匹配600 ...
分类：
其他好文 时间：
2016-10-24 20:51:38
阅读次数：
776
关于一些Retina，设备像素，移动适配的知识，网上一搜也是一大把，但是基本的东西并没有变化太多。下面就我看过的一些有关于这方面的知识做一些总结（仅以个人的角度出发，所以有不全的地方还请大家谅解）。后面会有不定期的更新~每个知识点我都会在开关写出引用地址，所以大家有不懂的可以看原文章~ 一、关于设备 ...
分类：
其他好文 时间：
2016-10-19 16:42:59
阅读次数：
141
基础知识点 设备像素：设备像素又称物理像素（physical pixel），设备能控制显示的最小单位，我们可以把这些像素看作成显示器上一个个的点。 iPhone5的物理像素是640X1136。 PS：在普通屏幕下，1个css像素对应1个物理像素(1:1)。 在超高像素密度屏幕（Retina显示屏）下 ...
分类：
移动开发 时间：
2016-10-08 20:02:22
阅读次数：
2918
1.pixel iphone5说自己是640*1136的屏，那么咱们在一个页面中写一个div是640*200px的样子，但是会超出，为什么？chrome调整时候会是320*568，为什么？ 1.Retina屏 2.没设置<meta name="viewport" content="width=dev ...
分类：
移动开发 时间：
2016-09-30 00:46:17
阅读次数：
194
问题 刚开始接触移动端H5页面的时候最困扰的几个问题是： 后来慢慢知道了第一点是由于retina屏幕下设备像素比的问题造成，第二点知道了单位rem。 目的 不想因为使用rem而一一去计算设计稿的尺寸，设计稿750的尺寸的标注可以直接在sass中使用；字体不使用rem缩放，原因是： 显然，我们在iPh ...
分类：
移动开发 时间：
2016-09-23 15:05:29
阅读次数：
287
原文地址：移动端自适应布局方案尝试 问题 刚开始接触移动端H5页面的时候最困扰的几个问题是： 后来慢慢知道了第一点是由于retina屏幕下设备像素比的问题造成，第二点知道了单位rem。 目的 不想因为使用rem而一一去计算设计稿的尺寸，设计稿750的尺寸的标注可以直接在sass中使用；字体不使用re ...
分类：
移动开发 时间：
2016-09-23 12:48:42
阅读次数：
239
1、info.plist IOS 模拟器 在iPhone5和iPhone5s显示不全，不能全屏显示 IOS 模拟器 在iPhone5和iPhone5s显示不全，不能全屏显示 [摘要：正在编写IOS运用顺序的过程当中，我不停皆是应用iPhone Retina（3.5-inch）摹拟器测试的，统统表现一 ...
分类：
其他好文 时间：
2016-08-16 23:56:25
阅读次数：
669
以上是纯手写代码所经历的关于页面布局的三个时期 在iphone1-iphone3gs时代 window的size固定为(320,480) 我们只需要简单计算一下相对位置就好了 在iphone4-iphone4s时代 苹果推出了retina屏 但是给了码农们非常大的福利:window的size不变 在 ...
分类：
其他好文 时间：
2016-08-10 16:15:24
阅读次数：
317
1.从iPhone3GS开始，宽高像素点分别是320*480，屏幕尺寸3.5寸，屏幕比例4:3 2.iPhone4和4S，宽高像素点变成是640*960，但是从程序角度依然是320*480(这是因为苹果的retina显示屏的原因，在retina中，一个程序像素对应的是可见像素的两倍)屏幕尺寸3.5寸 ...
分类：
移动开发 时间：
2016-08-06 12:52:54
阅读次数：
280
iPad编程 1. iPad 现有型号： iPad Pro, iPad Air, iPad mini 均配备Retina显示屏。早期还有iPad 依次对应的坐标系及分辨率： iPad Pro 坐标系：1366 x 1024 分辨率：2732 x 2048 iPad Air 坐标系：1024 x 76 ...
分类：
其他好文 时间：
2016-08-04 00:01:20
阅读次数：
343
