Html 为什么我在缩小一个大盒子时会继续得到一个滚动条？
简单地说，我尝试使用CSS transform属性将一个大框（在浏览器全屏时使用）缩小到一个小框。框正在正确缩放，但浏览器仍显示滚动条，就好像它没有缩放一样。我不想关闭溢出，我希望我错过了一些东西 我的一堆问题。请注意垂直滚动条：Html 为什么我在缩小一个大盒子时会继续得到一个滚动条？,html,css,Html,Css,简单地说，我尝试使用CSS transform属性将一个大框（在浏览器全屏时使用）缩小到一个小框。框正在正确缩放，但浏览器仍显示滚动条，就好像它没有缩放一样。我不想关闭溢出，我希望我错过了一些东西 我的一堆问题。请注意垂直滚动条： 斯卡莱姆先生{ 背景：红色； 高度：2000px； 宽度：4000px； } 斯克勒先生{ 变换原点：左上角； 变换：比例（0.166667）； } 变换使原始元素保持不变。它只影响元素的渲染方式 但是原始元素保持不变，因此在文档流中占据相同的空间。因此，除非调整
斯卡莱姆先生{
背景：红色；
高度：2000px；
宽度：4000px；
}
斯克勒先生{
变换原点：左上角；
变换：比例（0.166667）；
}
变换“严格使用”；var_createClass=function（）{function e（e，t）{for（var n=0；n1&&void 0！==arguments[1]？arguments[1]：this.el.querySelector（e）}，{key:“b”，value:function（）{var e=this.el.innerHTML，t=document.createElement（“z-1”），n=document.createElement（“z-2”），i=document.createElement（“z-3”），l=document.createElement（“样式”）；this.el.innerHTML=”，this.el.appendChild（t），t.appendChild（n），n.appendChild（i），i.innerHTML=e，l.appendChild（document.createTextNode（“z-1，z-2，z-3，缩放因子{显示：块}z-1，缩放因子{位置：相对；溢出：隐藏}z-1，z-2{宽度：100%}z-1，z-2，z-3{颜色：#fff}z-1{浮动：左；溢出：隐藏}z-2{位置：绝对}z-3}左；转换头宽度：{0”）[0].appendChild（l）}，{key:“v”，value:function（）{返回this.q（“input”）？this.q（“input”）.value:parseFloat（this.el.dataset.scale）}，{key:“u”，value:function（）{var e=this.v（），n=this.q（“z-1”），i=this.q（“z-2”），l=this.q（“z-ent3”）；n.style=i.style=i.style=l.style=l.style=”i.style=”i.clie+“px”，l.style=n.transform=n.clie=”高度*l+*+“px”}}}]），e}（）；新的缩放因子（“缩放因子”）；.scaleme{
背景：红色；
高度：2000px；
宽度：4000px；
}嘿！谢谢！这正是我需要的答案。最后，我将缩放比例从大->小…逆转为小->大。因此，我处理的dom元素很小，并且呈现为大。你的答案完全帮助我走上正确的轨道。干杯！
<html>
<head>
<style>
.scaleme {
background: red;
height: 2000px;
width: 4000px;
}
.scaler {
transform-origin: top left;
transform: scale(0.16666667);
}
</style>
</head>
<body>
<div class="scaler">
<div class="scaleme"></div>
</div>
</body>
</html>