如何解决如何避免图像扩展我的 html 宽度和高度
我的页面中有一些带有 position: "absolute" 的 svg 文件,但是当它们靠近页面的角落时,它们最终会扩展我的容器元素的宽度(我正在使用 Material UI React) ,我尝试在页面容器上使用 "maxWidth":"100vw",但没有成功,还有道具 maxWidth="lg" 和 "md"。如果可能,我希望 svg 或 img 文件消失在虚无中,而不与其外部容器 https://gyazo.com/9d3d8cf86748ac434700ac0b0ceaf1c6
进行任何交互解决方法
你有没有考虑过做这样的事情?
.container {
/* If for some reason the image doesn't fit,hide the overlap */
overflow: hidden;
}
/* Make image sit within it's container */
img {
height: auto;
width: 100%;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。