vir*_*sir 5 html css transform
在firefox中打开下面的html，您可以看到右边框和下边框丢失了，但是Chrome / IE很好，是firefox中存在错误还是我可以使用其他方法使其看起来与Chrome / IE相同？
<!DOCTYPE html>
<html>
<head>
<style>
* {font-size:20px}
div
{
width:400px;
height:400px;
background-color:lightgreen;
border:1px solid black;
transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-webkit-transform-origin:0 0;
transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
-webkit-transform:scale(0.7);
}
</style>
</head>
<body style='margin:10px;padding:10px'><div>Hello. This is a DIV element.</div>
</body>
</html>
小智 1
如果使用缩放来减小 div 的大小，盒模型会出现很多问题。
这是我的解决方案：
div {
padding:1px;
}
向您的 div 添加 1px 填充，盒模型将恢复正常大小。
请小心，我只在 -moz- 的小提琴中修复它，所以如果您在 chrome 或其他浏览器中打开链接，请不要感到困惑。
| 归档时间： |
|
| 查看次数： |
3543 次 |
| 最近记录： |