HTML中的图像过大

HTML中的图像过大,html,image,Html,Image,如何通过PHP在目录中查找图像来解决简单HTML照片库中图像过大的问题?我解决不了,而且视觉效果也不好。你能帮帮我吗?截图是 谢谢。将所有图片设置为同一类别,然后将图像高度添加到该类别中,它会将图像设置为所有相同的高度 这是我刚刚举的一个例子- 我不知道你是如何在PHP中获得图像的,所以我不能告诉你如何设置类而不看一些代码 以下是CSS示例: .height { height: 100px; } 这可能是一个很好的例子。也请参阅旧问题。以下是链接: .img{ 位置:相对位置; 浮动

如何通过PHP在目录中查找图像来解决简单HTML照片库中图像过大的问题?我解决不了,而且视觉效果也不好。你能帮帮我吗?截图是


谢谢。

将所有图片设置为同一类别,然后将图像高度添加到该类别中,它会将图像设置为所有相同的高度

这是我刚刚举的一个例子-

我不知道你是如何在PHP中获得图像的,所以我不能告诉你如何设置类而不看一些代码

以下是CSS示例:

.height {
    height: 100px;
}

这可能是一个很好的例子。也请参阅旧问题。以下是链接:

.img{
位置:相对位置;
浮动:左;
宽度:100px;
高度:100px;
背景位置:50%50%;
背景重复:无重复;
背景尺寸:封面;
}

在css文件中,可以添加“高度”和“宽度”属性来调整图像大小

例如:

img {

  heigth:200px;
  width: auto;

}
将高度设置为200px,但将保持纵横比。要使用方形图像,请将宽度设置为,例如,
200px

如果愿意,您可以将图像设置为在图像过长时可滚动,如下所示:

img {

  height:200px;
  width:200px;
  overflow: scroll;

}
你说的“图像超大”是什么意思?也许您应该说明您想要实现的是什么,例如“我希望所有图像大小相同(200x200)”以及您希望如何处理纵横比?始终保持纵横比?如果比率为off,是否只显示照片的一部分?你想展示黑条吗?白酒吧?
img {

  height:200px;
  width:200px;
  overflow: scroll;

}