今天學習了QQ信箱的網頁整體縮放效果，原來實作方法很簡單，程式碼如下： 複製程式碼 程式碼如下: 測試頁 <BR>div { <BR>width: 600px; <BR>text-align: center; <BR>font-size: 4em; <BR>color: #333; <BR>} <BR></ style> <BR><script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"> <BR><script type="text/ javascript"> <BR>$(function() { <BR>var r = document.body.offsetWidth / window.screen.availWidth; <BR>$(document.body).css("-webkit-transform"," scale(" r ")"); <BR>}); <BR>$(window).resize(function() { <BR>var r = document.body.offsetWidth / window.screen.availWidth <BR>; $(document.body).css("-webkit-transform","scale(" r ")"); <BR>}); <BR> <BR> <BR>< body> <BR><div>改變視窗大小試試，你會發現什麼？
