Html 为添加的图像设置最大高度
我正在制作一个艺术家网站，并希望添加一些我的工作照片。我希望图像能够对页面做出响应，我可以通过将最大宽度设置为100%来实现这一点，但是图像的高度增长太长，需要查看者滚动才能看到整个图像。请参阅附件中的图像，其中一个图像适合屏幕，另一个图像扩展页面使其不适合 如何将图像设置为不超过当前窗口的高度？我试过用max height工作，但没有用。非常感谢您的建议 最好的， 乌拉姆威斯顿酒店Html 为添加的图像设置最大高度,html,css,image,dreamweaver,Html,Css,Image,Dreamweaver,我正在制作一个艺术家网站，并希望添加一些我的工作照片。我希望图像能够对页面做出响应，我可以通过将最大宽度设置为100%来实现这一点，但是图像的高度增长太长，需要查看者滚动才能看到整个图像。请参阅附件中的图像，其中一个图像适合屏幕，另一个图像扩展页面使其不适合 如何将图像设置为不超过当前窗口的高度？我试过用max height工作，但没有用。非常感谢您的建议 最好的， 乌拉姆威斯顿酒店 <head> <!-- add viewport meta to the head --
<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>
如果您包含您的代码片段，建议将更容易。
img {
display:block;
margin:auto;
max-width:80vw;
max-height:80vh;
}