Can I use? http://caniuse.com/ Less http://lesscss.org Cool Libraries Bootstrap from Twitter Jetstrap
这是一个创建于 3884 天前的主题，其中的信息可能已经有所发展或是发生改变。
现在有这样的结构：
<div class="wrapper"> <div class="other"></div> <div class="link"> <a href="#">链接1</a> <a href="#">链接2</a> <a href="#">链接3</a> </div> </div> .wrapper:active { transform: scale(0.9) } 父元素 .wrapper 点击后能够被正常缩放，但是 .link 下的几个链接也被缩放后移位，会导致无法点中，如何解决这种情况？或者说就是点击链接时不进行缩放？
 | 1 Twinkle OP 顶下。 |
 | 2 jjplay 2015-05-07 19:55:12 +08:00 因为A标签是叠加在wrapper之上的，如果用:hover就会执行 |
 | 3 jun4rui 2015-05-07 20:02:23 +08:00 我一般把两层分开，链接单独放另外一个div去就好了 |
 | 6 MaiCong 2015-05-07 20:12:56 +08:00 via iPhone 请搜索 css pointer-events |
| 8 MaiCong 2015-05-07 20:32:02 +08:00 via iPhone |
 | 10 sneezry 2015-05-07 20:40:15 +08:00 via iPhone 楼主要不然把需求细化下说说，看看能不能用其他交互方式，scale缩放后元素位置变了，点不到也是在意料之中的呀 |
| 11 MaiCong 2015-05-07 20:44:31 +08:00 via iPhone @Twinkle 浏览器有个设置项叫最小字体 chrome默认貌似是12px 这就是字体最小能缩放到12px 然后宽度超过就换行了…… |
 | 14 sodatea 2015-05-07 21:41:10 +08:00 ```css .wrapper:active { transform: scale(0.9); } .wrapper:active .link { transform: scale(1.11); } ``` |
| 15 sneezry 2015-05-07 21:57:24 +08:00 via iPhone |
| 16 Twinkle OP @sodatea 么么哒～ 貌似还会有些问题，.other元素的scale导致.link还是往上缩，虽然自己本身是不缩放了.... |
 | 18 baconrad 2015-05-07 22:19:50 +08:00 |
| 21 baconrad 2015-05-07 23:32:14 +08:00 @Twinkle 除了 .link 外，所有子元素仍要保持放。。？ 那 .wrapper:active:after 改成 .wrapper:active:after, .wrapper:active :not(.link) 呢？ |
| 23 Twinkle OP |
| 24 sneezry 2015-05-08 11:23:02 +08:00 via iPhone  1 @Twinkle 那啥，我再确认下，你是想提现z轴位置变化的效果吧，z轴变化可以从大小上提现，就是你最初的想法，也可以通过阴影距离体现对吧，变化不大的情况下，我们可以忽略大小变化只更改阴影距离的，因为改大小真的很烦~ |
Select Language