Question

早些时候这很好，但现在当我把宽度和高度设为100％时，它并没有真正显示100％而是四面都有10 px的余量这是我尝试过的事情

 <html>
    <head>


    <style>

    .cont img {
        display: inline-block;
        width :100%;
        height : 100%;
        margin:0;
    padding:0;



    }    


    </style>




    </head>
    <body>
       <div class="cont">
    <img src="IMG_5913-2.jpg" class="imgmy" name="imgmy">

    </div>
    </body>
</html>

如何在任何浏览器中100％使用它？

Answer 1

查看此代码，在body标记

上设置margin:0px

<html>
<body style="margin:0px; ">
<div style="background-color:red; width:100%;">
hello
</div>
</body>
</html>

Answer 2

假设HTML

<body>
<div class="cont">
<img src="IMG_5913-2.jpg" class="imgmy" name="imgmy">

</div>
</body>

<强> CSS

  .cont img {
    max-width: 100%;
    max-height: 100%;
}

Answer 3

问题不是100％明确，但您是否正在寻找像this这样的解决方案？

.container {
    height:100%;
    width: 100%;
    border: 1px red solid;
    margin:0;
    padding:0;
    line-height: 0;
}
.container .imgmy{
   height:100%;
    width: 100%;
    margin:0;
    padding:0;
}

Answer 4

你确定它早些时候好吗？

图像周围的边距与图像本身无关。

浏览器在所谓的用户代理样式表中定义默认样式。在这种情况下，白色边框是身体上的8px边距（在Chrome中）。

幸运的是，您可以轻松覆盖这些用户代理样式表，在这种情况下您应该这样做。

如上所述，Shreya可以向身体添加保证金：0。但是为了避免类似的“错误”，最好包含reset.css或normalize.css。这些文件“使浏览器始终如一地呈现所有元素并符合现代标准”（http://cdnjs.com/libraries/normalize）。你不必自己写一个，其他人已经为你做了这个，比如Nicolas Gallagher：http://necolas.github.io/normalize.css/

在此处阅读有关用户代理样式表的更多信息：What is user agent stylesheet

我不能在html5 / css3中使div或任何图像100％

4 个答案: