只使用流畅的图像练习。在下面的代码中,我设法通过浏览器窗口使图像缩放/缩小。图像插入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);
}