-webkit-min-device-pixel-ratio的常见值对照 原文地址:http://zhangyaochun.iteye.com/blog/1816582 前言: 本文来自于对 http://bjango.com/articles/min-device-pixel-ratio/ 的部分整理: 正文: -webkit-min-device-pixel-ratio为1.0 所有非Retina的Mac 所有非Retina的iOS设备 Acer Iconia A500 Samsung Ga…
一些重要的名词解释: CSS pixels(CSS 像素):详见http://www.w3.org/TR/css3-values/#reference-pixe CSS声明的像素值,可随着放大缩小而放大缩小. Device pixels(设备 像素): Layout viewport(布局视口)设计像素值固定,对web开发者来说基本没有用. HTML元素初始视口区域,css中声明宽度的20%等都是按照这个视口来计算. Visual viewport (设备视口) 屏幕视口,通过这个视口能看到页面…
其实H5适配的方案有很多种,网上有关于这方面的教程也非常的多. 不管哪种方法,都有其自己的优势和劣势. 为什么推荐使用Flexible库来做H5页面的终端设备适配呢?   原理  简单易懂  源码疑问 主要因为这个库在手淘已经使用了近一年,而且已达到了较为稳定的状态. 除此之外,你不需要考虑如何对元素进行折算,可以根据对应的视觉稿,直接切入. 该方案 会 自动根据你的屏幕大小配置好 根节点的 font-size 大小 另外会改变 initial-scale , 如果是3倍retina屏, 值变成…
设备像素比 = 物理像素 / 逻辑像素 1.物理像素 显示器上最小的物理显示单元(像素颗粒),在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值. 例如:手机大小固定,物理像素越高,画面越清晰细腻. 2.逻辑像素 可以认为是计算机坐标系统中得一个点,这个点代表一个可以由程序使用的虚拟像素,也可称为设备独立像素,密度无关像素. 例如:设计图的大小是多少px 3.举个栗子 iPhone6的设备宽度是375px,但是它一行有750个像素颗粒,dpr就是2. 物理像素   逻辑像素 以上部分内容…
-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 -webkit-min-device-pixel-ratio为1.5 Google Nexus S Samsung Galaxy S II HTC Des…
Canvas is great for high performance graphics rendering but by default the results look blocky on phones tablets and laptops with high pixel density or Retina displays. By using canvas width and height attributes and style props we can use window.dev…
常见的动作常量: public static final int ACTION_DOWN        = 0;单点触摸动作 public static final int ACTION_UP               = 1;单点触摸离开动作     public static final int ACTION_MOVE          = 2;触摸点移动动作     public static final int ACTION_CANCEL       = 3;触摸动作取消     pu…
PHP_OS是PHP中的一个预定义常量,表示当前操作系统.那么PHP_OS有哪些值可用呢??PHP_OS的值一般可以为:CYGWIN_NT-5.1,Darwin,FreeBSD,HP-UX,IRIX64,Linux,NetBSD,OpenBSD,SunOS,Unix,WIN32,WINNT,Windows.知道了这个,就可以分别对不同的操作系统执行不同的代码了.<?phpswitch(PHP_OS) {  case 'Unix': break;  case 'FreeBSD': break;  …
inert into users value(3,5) db.users.insert({a:3,b:5})     select a,b from users db.users.find({}, {a:1,b:1}) select * from users db.users.find() select * from users where age=33 db.users.find({age:33}) select a,b from users where age=33 db.users.fin…
场景: 人物:前端实习生「阿树」与 切图工程师「玉凤」事件:设计师出设计稿,前端实现页面 玉凤:树,设计稿发给你啦,差那么点像素,就叼死你┏(  ̄へ ̄)=☞阿树:~(>_<)~毛问题噶啦~阿树:哇靠,为啥你给的设计稿是640px宽 ,iPhone 5不是320px宽吗???玉凤:A pixel is not a pixel is not a pixel, you know ?阿树:(#‵′),I know Google... 为什么会出现以上的情况,难道他们当中一位出错了,摆了这样的乌龙?事实…