原文: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