Html 调整较小屏幕的图像大小

有没有办法让一个图像调整到用户的屏幕大小？HTML/CSS

我尝试过媒体查询，但除了我相信的文本之外，它们并没有被证明是非常有用的

@media screen and (min-width:600px) {
#dick{
    color: black;
    z-index: 400;
    position:absolute;
    left: 58%;
    top: 210px;
    height: 50%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:100%;
}
}

---

只需尽可能地增加宽度跨度即可

img {
    width: 100%;
}

---

您可以定义一个类，如resize img，并将该类添加到img标记中：

   <img class="resize-img">

---

对于图像元素id.ot提供了一个答案。对于背景图像，可以使用以下选项：

html、正文、.column{ 填充：0； 保证金：0； } 身体{ 背景：url'http://placehold.it/300x300'无重复0px 0px/100vw； 字体大小：10vh； } 氢{ 字号：2em； } 这是标题

---

还有一些段落文字

你是一个未被认可的天才，它有一些缺陷，但我可以自己把它们编码出来。有什么方法可以将文本大小更改为用户的屏幕大小吗？谢谢，请记住将其标记为正确答案，这样其他人就不必查看其他答案了。关于字体大小，我使用em和内容优先的方法来实现这一点。我们无法在此深入讨论，您需要通过发布另一个问题来开始另一个主题。非常感谢您的提问！谢谢你的支持！

  @media screen and (min-width:600px) {

     .resize-img{

        width: 100px;
        height:200px;
        // and whatever else :d

    }

 }


   @media screen and (min-width:1000px) {

     .resize-img{

        width: 300px;
        height:600px;
        // and whatever else :d

    }

 }