html - CSS - 使用容器的左上原点调整 3 个图像的大小

标签 html css

我需要调整 3 张以绝对位置对齐的图像。问题是,当他们调整大小时,他们使用自己的原点,这会导致图像彼此错位。 我基本上需要调整它们的大小,就像它们链接在一起一样,就好像它们只是一个图像一样。 所以我认为他们不应该引用他们自己的原点来调整大小,而是引用他们的容器原点。但可能这是不可能的。

你有什么想法吗?

最佳答案

找到解决方案!

可以通过它们的通用容器调整它们的大小。只需为其分配一个带有 vw 值的字体大小。他们将调整大小以保持相互联系。

当然,图片宽度必须用em

关于html - CSS - 使用容器的左上原点调整 3 个图像的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49090467/

相关文章:

javascript - 嵌套元素和背景

css - Zurb基金会6 : nested expanded grid with no-padding

javascript - onClick事件+jquery修改不同div中的class css样式

html - 调整窗口大小时从左下角制作背景图像 "grow"

html - Css - 理解 "word-wrap: break-word;"

html - 我的网页左侧有图片,但我希望文本位于图片右侧,而不会破坏图片当前的布局方式

html - 我如何在 CSS 中制作这个框(请看我的图片)?

javascript - 停止我的页面中的所有表单提交

javascript - HTML 和 CSS 动画失败

html - 如何在 IE 中删除空 <select> 的空格