Html 我将如何定义<;img>;在不知道图像将是什么的情况下

Html 我将如何定义<;img>;在不知道图像将是什么的情况下,html,image,user-profile,Html,Image,User Profile,我正在尝试制作一个配置文件图片缩略图,其中图像对于每个用户都是不同的。我想定义图像必须符合的维度。由于每个用户的图像都会不同,我如何在不知道图像文件名的情况下编写HTML呢?使用CSS 为图像指定一个类并编写如下CSS声明: .profilepic { width:100px; height:100px; } 如果愿意,您也可以将样式内联 .profilepic { width:100px; height:100px; } 选项A:只是不定义大小将在图像加

我正在尝试制作一个配置文件图片缩略图,其中图像对于每个用户都是不同的。我想定义图像必须符合的维度。由于每个用户的图像都会不同,我如何在不知道图像文件名的情况下编写HTML呢?

使用CSS

为图像指定一个类并编写如下CSS声明:

.profilepic {
    width:100px;
    height:100px;
}
如果愿意,您也可以将样式内联

    .profilepic {
        width:100px;
        height:100px;
    }
    
  • 选项A:只是不定义大小<代码>将在图像加载时自动调整大小并使文档回流。不是很漂亮,但如果你真的不知道会是什么尺寸,你最好能做到
  • 选项B:输入高度或宽度;让浏览器在加载时缩放其他尺寸。这是很好的,如果你可以适应一个固定的高度或宽度在您的布局
  • 选项C:使用CSS指定最大宽度和最大高度。图像将缩放到该矩形内。这很好
  • 选项D:在CSS中指定高度和宽度。如果你有不同大小的图像,它们会被拉伸,看起来很糟糕
  • 选项E:与D相同,但裁剪和/或调整缩略图大小,以便您提前知道大小。最好的选择,如果你能做到这一点