{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 大菜妈妈 的问题《怎样让scale缩小的元素不占据原来的空间？》','https://wenda.whatsns.com/q-300416.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
demo在这 ， https://jsfiddle.net/qk83j2wv/
使用scale（0.5）缩小一个元素，但缩小后的元素还是占据原来元素的大小空间，
怎样让那个元素缩小后的大小和所占据的空间一样大呢？
但外层元素还是以缩小前来布局的...
友情提示: 此问题已得到解决，问题已经关闭,关闭后问题禁止继续编辑，回答。
demo在这 ， https://jsfiddle.net/qk83j2wv/
使用scale（0.5）缩小一个元素，但缩小后的元素还是占据原来元素的大小空间，
怎样让那个元素缩小后的大小和所占据的空间一样大呢？
但外层元素还是以缩小前来布局的...
付费偷看金额在0.1-10元之间
transform是不会引起重排的，也就是说对元素进行缩放等操作不会影响到其他元素的布局，这样做动画之类的效果性能会更好。如果你要在缩放的同时改变元素的占据空间，那就用zoom做缩放。理论上是无解的，这个要试着调整一下整体布局来达到你要的效果
同是菜鸟，好像无解，但是可以定位缩放的点，transform-origin:left top，使用这个可以从左上角缩放，至于大小还是原始大小，给父元素加个overflow：hidden吧
</body>
试试zoom缩小
纯CSS不会，囧。
不过有一个思路，可以给一个父元素做为wrapper，然后用 JavaScript 计算出compute style的高和宽，再相应缩小为50%。
希望对你有帮助
<style>
同大小透明div放到下面
</style>
<body>
一周热门 更多>