gpt4 book ai didi

html - 为添加的图像设置最大高度

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

我正在制作一个艺术家网站,想添加几张我作品的照片。我希望图像响应页面,我可以通过将最大宽度设置为 100% 来实现,但是图像的高度增长得太长,需要查看者滚动才能看到整个图像。请参阅附件图像,其中一张图像适合屏幕,另一张扩展页面使其不适合。

Photo 1

Photo 2

如何设置图片不超过当前窗口的高度?我试过使用最大高度,但无济于事。非常感谢任何建议!

最好的,韦斯顿乌拉姆

最佳答案

html:

<head>
<!-- add viewport meta to the head -->
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes, initial-scale=1.0">
</head>

CSS:

img {
display:block;
margin:auto;
max-width:80vw;
max-height:80vh;
}

关于html - 为添加的图像设置最大高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53493867/

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