![](/img/trans.png)
[英]How can I create zoom 'windows' showing a zoomed portion of an image based on a div location using CSS3/HTML5 or Javascript?
[英]i cant make div or any image 100% in html5/css3
之前它很好,但是现在当我将宽度和高度设置为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%?
看一下这段代码,在body标签上设置margin:0px
<html>
<body style="margin:0px; ">
<div style="background-color:red; width:100%;">
hello
</div>
</body>
</html>
假设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%;
}
问题是不是100%清楚,但你在找的溶液等这样 ?
.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;
}
您确定早些时候还不错吗?
图像周围的边缘与图像本身无关。
浏览器在所谓的“用户代理样式表”中定义默认样式。 在这种情况下,白色边框是主体上的8px边距(在Chrome中)。
幸运的是,您可以轻松覆盖这些用户代理样式表,在这种情况下,您应该这样做。
可以如上Shreya所述,将margin:0添加到主体。 但是要避免类似的“错误”,最好包含reset.css或normalize.css。 这些文件“使浏览器一致地呈现所有元素并符合现代标准”( http://cdnjs.com/libraries/normalize )。 您不必自己写一个,其他人也可以为您完成,例如Nicolas Gallagher: http : //necolas.github.io/normalize.css/
在此处阅读有关用户代理样式表的更多信息: 什么是用户代理样式表
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.