香蕉引擎故障报告

你有三个愿望，但是只能获得炸薯条。

CSS

1篇文章

3D打印 Affinity Photo Android Animation 动画 Anime/Nichijou Bambu P1S Blender Blog CSS CTL-672 Cyberpunk Doraemon DragonBones 尝试画画 Ebiten 运动&健康 Flexbox FlipaClip 《文明》系列 Game-Dev 《文明》系列 Game/Fitness Boxing Game/Just Dance 幻兽帕鲁纸嫁衣星空 Game/to the Moon GIF Google Doodle Google Photos Home Assistant Hugo Hugo-Theme-Stack Hugo 主题 IOS IPad Mini 5 Low-Poly macOS MagicaVoxel Markdown 电影 My/Anim Personal Stuff Photopea Procreate SSE Steam SVG Telegram 想法游记电视剧怪奇物语奥维尔号 Web WebVTT 小米杂货铺 YEAR/2019 YEAR/2024

/images/default1.jpg

Flex Container 下的 img 的奇怪表现

2019/04/02

Flex Container 下的 img 的奇怪表现在 Chrome / Safari 上, 如果一个容器 display: flex; 有固定的宽度, 同时含有一个 <img> 或者 <canvas> 元素, 后者有可能会被拉伸. 如果后者宽度大于容器, 并且有设置 width 和 height 属性, 并以 max-width: 100%; height: auto; 的形式自适应, 则容器可能会占据超过元素显示高度的高度 – 容器的高度为 img / canvas 的 height 属性值. 在 Firefox 上没有观测到类似的状况.