先來個相容性說明，洗洗腦： div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg ...
先來個相容性說明，洗洗腦：
div
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
1.來自【作者：夢幻神化】的blog：
使用CSS3 3D transforms，通過GPU來渲染，能有效的起到抗鋸齒效果。我們只要簡單的在CSS3 transform屬性中加入translateZ(0)。例：-webkit-transform: rotate(5deg) translateZ(0);
作者說：不過使用iPad下的Safari打開網頁，仍會有鋸齒。
相容：GPU加速是在IE9時才加入的
經過我測試，iPad已經沒有鋸齒了，應該是新版的Safari優化了這地方
2.來自【嗷嗷】的blog：
利用外層容器的overflow:hidden 加上圖片margin:-1px 就可以解決。
這方案在電腦上反而會出問題。
新的方案rotate3d + border:1px solid transparent;，問題也算是解決了。
本來縮放圖片是件不好的事，可是縮放圖片在這裡是故意的，大家選適合的方案在對應的場景使用吧，原本方案就沒想著要在電腦上的瀏覽器上使用的
對於圖片我目前看法：對於一些不重要的圖片，比如：一些icon、logo等對於圖片質量要求不高的圖片使用1:1，對於頭像、商品圖片要求質量比較高的，選擇1:2還是不錯的
