轉自：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>里面寫 ...