關於zoom的問題

2016-02-01

zoom可以直接以比例的方式將物件進行縮放,firefox不支援所以要用-moz-transform: scale()來取代

zoom和transform不同的地方在於,transform比較像是filter的感覺,實際上並不會改變物件的尺寸,只會針對物件進行比例縮放。

zoom就不同了,縮放後的尺寸會依比例改變,所以要看需求使用。

此外,zoom在使用上必須要把物件的css屬性改成inline-block才可以正常地在IE取得相對尺寸,如:

<div id="myZoomObj" style="display:inline-block;width:100%;height:500px;margin:0 auto;">test</div>

這樣在縮放的時候,才不會把width的設定也一併縮放

 

Contact

Github

Codepen

歡迎參觀我的賣場
© 2013 Copyright Digishot Web | Design Tools
Visitors【508504】
digishot webdesign studio