css - 使用 CSS 调整未知图像大小?

标签 css image

我正在尝试仅使用 CSS 调整图像大小,问题是我不知道它的尺寸。

到目前为止,我尝试过的是将 放入 a 中,然后使图像具有 105% 的宽度。这个想法是包含的 div 除了它的内容之外没有其他大小,但这只是使图像成为具有明确大小的下一个祖先的大小。

最佳答案

为了在 CSS 中调整某些东西的大小,您必须给它一个精确的像素值,或者根据其他东西来调整大小。

如果您要将图像设置为其容器的宽度的 105%,则该容器必须有一些宽度供您使用。如果它是一个没有应用样式的常规 div,那么它的宽度将是该 div 父级的完整宽度,而您的 img 将是它的 105%。

如果包含 img 的 div 是 float 的,那么它将从其内容(也称为 img)获取宽度。这是行不通的,因为你不能让两个元素相互获取宽度。其中之一必须以某种方式受到约束。

关于css - 使用 CSS 调整未知图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4034189/

相关文章:

css - 使用 Bootstrap 2.2.1 覆盖元素的 CSS 'position: relative;' 的正确方法是什么?

python - 如何在图像中找到类似结构的表格

html - 将另一个 css 类应用于元素

jquery Accordion 折叠和 CSS 问题

html - 使用 CSS 仅将悬停效果应用于图像的非透明部分

html - header 图片 : Size and Responsiveness

c# - 如何将数组中的 jpeg 转换为位图

c# - 非法 304 HTTP 响应?

css - 列出彼此相邻的元素奇怪地移动了他们的位置

javascript - Select2 在网站上无法正常工作