css 如何让图像在媒体屏幕上以全宽显示？

emeijp43 于 2024-01-09 发布在其他

关注(0)|答案(1)|浏览(136)

我无法采取的小视口（最大宽度：768px）的全尺寸的图像时，改变灵活的方向列。
我尝试将容器的宽度更改为100%，但似乎没有任何工作。
我仍然是一个初学者在Web开发，任何有用的反馈，这将是高度赞赏。

css

来源：https://stackoverflow.com/questions/77774883/how-do-i-get-images-to-display-in-full-width-on-media-screen

1条答案

按热度按时间

fdbelqdn1#

HTML-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Your Page Title</title>
</head>
<body>
    <div class="container">
        <img src="your-image.jpg" alt="Your Image Description">
    </div>
</body>
</html>

字符串
CSS--

body {
    margin: 0;
    padding: 0;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

型
现在，重新定义图像--

img {
    max-width: 100%;
    height: auto;
    display: block;
}

型

赞(0）回复(0）举报 2024-01-09

我来回答

css 如何让图像在媒体屏幕上以全宽显示？

1条答案

相关问题

热门标签

最新问答