cuốn sách gpt4 ai đã làm

Html - chiều cao hình ảnh trong vùng chứa (phần trăm)

In lại Tác giả: Walker 123 更新时间:2023-11-28 13:01:16 29 4
mua khóa gpt4 Nike

我的问题很简单,但我仍然找不到这个问题的答案...

假设我们有两个包含图像的容器。






我们有类似的东西

#containera { width: 50%; height: 50%; background-color:blue;}
#containerb { width: 80%; height: 80%; background-color:red;}
#imagea { height:100%; width:auto;}

问题是:图像高度是全屏高度而不是 100% containerb(50% 屏幕高度的 80%)。

我希望图像是 containerb 的 100% 高度,而不是屏幕的 100% 高度。奇怪:如果我使用“宽度”,则宽度会根据 containerb 的宽度进行缩放。

我能否以某种方式限制容器的高度,使它们不会将图像缩放到 100% 屏幕高度?尝试了 max-height 的各种变化,但它没有以任何方式工作......

谢谢,如果你知道我该如何解决这个问题......

câu trả lời hay nhất

Thêm vàohtml, body {width:100%;高度:100%;

在这里查看工作 fiddle :http://jsfiddle.net/A9b6Y/

关于Html - 容器中的图像高度(百分比),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21287023/

29 4 0
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress