转自：http://www.web-tinker.com/article/20610.html zoom和scale这两个东西都是用于对元素的缩放，但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角，而scale默认是中间位置，可以通过transform-origin来设置 ...

一、IE和Chrome等浏览器与zoom 还在几年前，zoom还只是IE浏览器自己私有的玩具，但是，现在，除了FireFox浏览器，其他，尤其Chrome和移动端浏览器已经很好支持zoom属性了： zoom的字面意思是“变焦”，摄影的时候常用到的一个概念。对于web上的zoom效果 ...

...

谈谈关于scale属性 scale是什么？ 根据W3C定义 ,scale主要是进行缩放和转化: scale能做什么？ 1.1px细线 CSS代码 2.页面适配 3.动画(参考animate.css) scale的属性会影响那些属性和布局 ...

最近做了两个项目，一个需要对字体缩小，小于默认的字体大小(12px),最后使用transform:scale(0.9),但整个元素宽高都被缩小了，感觉很不好~~~做另外一个项目要求将整体页面安一定比例缩小，最初使用了scale,缩小是达到了，但页面位置已经不晓得跑哪去了，于是改用zoom,看着舒服 ...

其实关于scale，我之前是用他来搞一些css3的特效的放大缩小啊，玩的也挺6666，而*zoom：1之前是用来做css的hack，也就是触发IE6/7的haslayout清除浮动的。终于某天，好事的UE说1px的线在retina的屏幕下显得膀大腰圆要我们修复这个bug。参考 http ...

zoom和transform:scale()都可以用于缩放，目前移动端存在各种各样不同屏幕大小的手机，为了兼容不同宽度的屏幕，我们可以基于某一屏幕宽度大小（比如iPhone5的320，这个根据设计稿来）做出页面后，再对页面进行缩放以兼容其他屏幕宽度。 定义 zoom和transform ...

jquery代码: 也可以直接在<style>里面写 ...