原文:zoom和transform:scale()的區別

zoom和transform:scale 都可以用於縮放,目前移動端存在各種各樣不同屏幕大小的手機,為了兼容不同寬度的屏幕,我們可以基於某一屏幕寬度大小 比如iPhone 的 ,這個根據設計稿來 做出頁面后,再對頁面進行縮放以兼容其他屏幕寬度。 定義 zoom和transform:scale 具體有什么區別呢 先來看看官方的定義: Specifies the initial zoom factor ...

2016-03-23 18:07 0 9155 推薦指數:

查看詳情

css 中 zoomtransform:scale區別

一、IE和Chrome等瀏覽器與zoom 還在幾年前,zoom還只是IE瀏覽器自己私有的玩具,但是,現在,除了FireFox瀏覽器,其他,尤其Chrome和移動端瀏覽器已經很好支持zoom屬性了: zoom的字面意思是“變焦”,攝影的時候常用到的一個概念。對於web上的zoom效果 ...

Tue Nov 07 16:09:00 CST 2017 0 3843
zoomscale區別

最近做了兩個項目,一個需要對字體縮小,小於默認的字體大小(12px),最后使用transform:scale(0.9),但整個元素寬高都被縮小了,感覺很不好~~~做另外一個項目要求將整體頁面安一定比例縮小,最初使用了scale,縮小是達到了,但頁面位置已經不曉得跑哪去了,於是改用zoom,看着舒服 ...

Fri Jun 08 01:49:00 CST 2018 0 1217
關於scalezoom區別

其實關於scale,我之前是用他來搞一些css3的特效的放大縮小啊,玩的也挺6666,而*zoom:1之前是用來做css的hack,也就是觸發IE6/7的haslayout清除浮動的。終於某天,好事的UE說1px的線在retina的屏幕下顯得膀大腰圓要我們修復這個bug。參考 http ...

Thu May 19 19:47:00 CST 2016 1 1484
CSS中zoomscale區別

轉自:http://www.web-tinker.com/article/20610.html zoomscale這兩個東西都是用於對元素的縮放,但兩者除了兼容性之外還有一些不同的地方。zoom縮放會將元素保持在左上角,而scale默認是中間位置,可以通過transform-origin來設置 ...

Tue May 12 03:36:00 CST 2015 2 15435
CSS中的zoom屬性和scale屬性的用法及區別

zoom 屬性語法:zoom:normal | <number> | <percentage>默認值:normal適用於:所有元素繼承性:有取值:normal:使用對象的實際尺寸。<number>:用浮點數來定義縮放比例。不允許負值< ...

Fri Oct 30 00:09:00 CST 2020 0 496
zoomscale的異同

zoomscale的異同點 作為一名前端,尤其是頁面要兼容ie瀏覽器的前端,肯定對着兩個屬性都很熟悉。 zoomscale都是css中常用的放大和縮小一個元素的方法,在scale還沒有成為css3標准之前,我們“唯一”能用來放大和縮小一個元素的方法也就是zoom。不過這個屬性兼容性不好 ...

Thu Jun 29 01:25:00 CST 2017 0 4953
transform: scale(x,y)

作用: 1)縮放 2)反轉 水平翻轉:transform: scale(-1,1); 垂直翻轉:transform: scale(1,-1); 水平垂直翻轉: transform: scale(-1,-1);或 transform ...

Fri Dec 14 19:05:00 CST 2018 0 701
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM