Question

我希望以全宽尺寸覆盖此图像，但它不合适，请帮助如何正确安装它是一个图像。

这是我的源代码。

<html>
<head>
    <title>
        Select your college from list.
    </title>
    <style>
        #img{
            width: 950px;
            height: 350px;
        }
    </style>
    <body>
    <div id="img">
        <img id="img" src="images/college_name.jpg" alt="Select_your_college"/>
    </div>
    </body>
</head>
</html>

Answer 1

将min-width: 100%提交给<img />。

Answer 2

首先使用.img img{width:100%}然后

尝试使用 css reset ：

重置样式表的目标是减少浏览器在默认行高，边距和标题字体大小等方面的不一致性。如果您有兴趣，在2007年5月的一篇文章中讨论了背后的一般推理。重置样式经常出现在CSS框架中，原始的“meyerweb重置”进入蓝图等等。

此处给出的重置样式有意非常通用。例如，没有为body元素设置任何默认颜色或背景。我不特别建议您在自己的项目中以不变的状态使用它。应对其进行调整，编辑，扩展和调整以匹配您的特定重置基线。填写页面，链接等的首选颜色。

换句话说，这是一个起点，而不是一个没有触感的独立黑匣子。 http://meyerweb.com/eric/tools/css/reset/

Answer 3

我认为自己要回答这个问题，我用过这个：

#img{
            width: 102%;
            z-index: 0;
            height: 350px;
            overflow: hidden;
            padding: 0px;
            margin-top: -9px;
            margin-left: -8px;
            margin-right: 9px;
        }

Answer 4

您需要将margin和padding的{{1}}和html重置为零，才能将您的图片触及浏览器的首字母。

<强> CSS ：

body

<强> HTML ：

body,html{
margin:0;
padding:0;
}

img.fullwidth{
min-width:100%;
}

我想用全宽设置我的图像。但如何适应它？

4 个答案: