如何解决为什么画布会破坏 flex 尺寸?
我这里有一个简单的 flex 布局。两个垂直列的大小相同。即使画布的宽度小于其包含的 div 的宽度,取消对画布元素的注释也会破坏对称性。
为什么,我该如何解决?
<!DOCTYPE html>
<html>
<head>
<script src="/assets/live.js"></script>
<style>
* {
box-sizing: border-box;
}
html,body {
height: 100%;
}
body {
margin: 0px;
background-color: blue;
border: 1px solid red;
display: flex;
}
div {
flex: 1 1 auto;
border: 1px solid green;
}
canvas {
border: 1px solid purple;
}
</style>
</head>
<body>
<div></div>
<div>
<!-- <canvas></canvas> -->
</div>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。