gpt4 book ai didi

javascript - 如何不在 HTML 中硬编码图像的大小? (包括代码)

转载 作者:太空宇宙 更新时间:2023-11-04 07:30:22 24 4
gpt4 key购买 nike

<style type="text/css">
*{
margin: 0;
padding: 0;
}

.abcd{
width: 100%;
}
</style>

<body>
<div class="abcd">
<img src="color.jpg" >
</div>
</body>

color.jpg 的分辨率为 2560x1440,屏幕为 1920x1080。图像超出屏幕。如果我为分辨率硬编码它可能是其他屏幕尺寸的问题。我正在寻找 Android XML 类型的“match_parent”,以便图像仅占用屏幕大小。

谢谢大家抽出宝贵的时间来回答我的问题。我很感激。

最佳答案

您可以在宽度上使用百分比。

但是你必须从 HTML 上去定义父级的百分比。

html,body {
width:100%
}

.abcd {
width:100%;
}

img {
width:100%
}

关于javascript - 如何不在 HTML 中硬编码图像的大小? (包括代码),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49467426/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com