流体图像,div略微出来

时间:2016-06-08 08:35:53

标签: html css

只使用流畅的图像练习。在下面的代码中,我设法通过浏览器窗口使图像缩放/缩小。图像插入if Start_index_nulzero == 5: Listposblocks_COG1 = [] for i in results: if i[5] == 1: Listposblocks_COG1.append(i) Listposblocks_COG2 = [] if type(results[6]) == int: for i in results: if i[6] == 1: Listposblocks_COG2.append(i) div内。 .bigcontainer用于实现图像与窗口的缩放。我将max-width div的背景颜色保持为灰色(仅用于识别目的)。

如果您注意到,.bigcontainer div会在图像底部略微流出。这导致灰色在图像底部略微流出。我希望div能够完美地适应(包裹)图像。我不知道为什么会这样。

欣赏投入。



.bigcontainer

html,body {
	margin: 0px;
	height: 100%;
	/* [disabled]width: 100%; */
	left: 0px;
	top: 0px;
	background-color: rgba(255,255,255,1);
}

.wrapper {
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	height: 100%;
	max-width: 960px;
	background-color: rgba(0,0,0,1);
	margin-right: auto;
}


.bigcontainer {
	display: block;
	/* [disabled]border: 1px solid black; */
	margin-top: 0px;
	margin-right: 8.33%;
	margin-left: 8.33%;
	background-color: rgba(204,204,204,1);
	max-width: 100%;
	font-size: xx-large;
	color: rgba(255,255,255,1);
	top: 0px;
	height: auto;
}

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


.text {
	height: auto;
	width: auto;
	color: rgba(255,255,255,1);
}




0 个答案:

没有答案