Css 如何使图像适合窗口宽度

我是初学者，我已经写了这个简单的代码

h1，
h3{
文本对齐：居中；
}
html，
身体{
身高：100%；
利润率：10px；
填充：0；
}
img{
填充：0；
显示：块；
保证金：0,10,0,10；
最大高度：自动；
最大宽度：100%；
}
.a{
位置：绝对位置；
顶部：350px；
左：20px；
颜色：红色；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
字体：斜体；
字体大小：50px；
}

“创新是偶然的，所以你不知道人们会创造什么。”
Sie Tim Berners Lee
万维网的发明者
蒂姆·伯纳斯·李爵士是1989年万维网的发明者。他于6月8日出生在英国伦敦！他是一位科学家和学者，他的远见卓识和创新的工作几乎改变了我们生活的方方面面。


教育
近期作品/书籍
奖项和荣誉

使用css，给img一个类，例如

（myImg）

并使用这个

.myImg{
      width: 100%;
}

---

就我所能理解的问题而言，您希望您的图像适合查看端口的宽度。
为此，首先请删除应用于图像的所有属性，然后简单地放：

img { width: 100%; }

---

上面的代码将告诉您的浏览器将您的图像扩展到查看端口的宽度。

要求我们推荐或查找书籍、工具、软件库、教程或其他非现场资源的问题不属于堆栈溢出的主题，因为它们往往会吸引自以为是的答案和垃圾邮件。相反，请描述问题以及迄今为止为解决该问题所做的工作。请提供代码。只需将

width:100%

添加到您的图像中，即可找到可能的重复项