CSS调整图像移动版大小

Question

我是html/css的初学者。我正在为我的网站使用模板。按照图片bennar.jpg，适合在浏览器中使用，但在移动视图中，img的大小不会调整为100%。有人能帮我修一下吗？非常感谢

.page-header-area {
background: rgba(0, 0, 0, 0) url("images/bennar.jpg") center center no-repeat;
max-width: 100%;
text-align: left;
padding: 100px 0;
}

Answer 1

.page-header-area {
background: url("images/bennar.jpg") center center no-repeat;
background-size: cover;
width: 100%;
text-align: left;
padding: 100px 0;
}

Answer 2

.page-header-area {
background: rgba(0, 0, 0, 0) url("images/bennar.jpg") center center no-repeat;
min-width:300px;
max-width: 100%;
text-align: left;
padding: 100px 0;
}

Answer 3

我解决了它！fyi

背景大小：100%自动；