html手机图片怎么把白边去除,css插入背景图，底线留有白边，怎么才能去掉？...

试了网上的方法，都不好使

#body, body {

/*background: #f0f0f0;*/

}

html, body{

height:100%;

width:100%;

/*padding:0px;*/

/*border:0px;*/

/*margin:0px;*/

/*box-sizing: border-box;*/

}

img{

border:0px

}

.bg42beff {

background: #42beff;

}

.index-root {

height: 100%;

box-sizing: border-box;

margin: 0;

border: 0;

padding: 0;

background: url("../images/bg.jpeg") repeat-y center;

vertical-align: middle;

/*background-size: auto 100%;*/

font-size: 0;

}

.index-title {

width: 100%;

height: 44px;

overflow: hidden;

background-color: #51a1ff;

line-height: 44px;

font-size: 18px;

color: #fff;

text-align: center;

}

.flex-center {

display: flex;

justify-content: center;

align-items: center;

}

.title-return {

width: 50px;

height: 44px;

background: url(../images/arrow_left.png) 50% no-repeat;

background-size: 18px auto;

left: 0;

top: 0;

position: absolute;

}

.logo-container {

width: 100%;

box-sizing: border-box;

padding-left: 10px;

padding-right: 10px;

margin-top: 10px;

display: flex;

justify-content: center;

align-items: center;

}

.logo-image {

width: 230px;

display: block;

height: 230px;

}

.button-create {

width: 100px;

height: 50px;

background: #51a1ff;

color: #ffffff;

}

.mode-select-container {

width: 100%;

/*background: #99FF00;*/

box-sizing: border-box;

margin-top: 10px;

overflow: hidden;

}

.mode-select-container::after {

clear: both;

content: '';

display: block;

}

.buttons-room-container {

width: 84.8%;

height: 44px;

border-radius: 4px;

font-size: 18px;

margin: 19px auto;

line-height: 44px;

/*border-radius: 20px;*/

box-sizing: border-box;

/*background: #99FF00;*/

display: flex;

justify-content: space-between;

padding-left: 10px;

padding-right: 10px;

color: #ffffff;

}

.button-create-room, .button-join-room {

width: 150px;

background-color: #42beff;

}

.buttons-mode-container {

width: 84.8%;

height: 44px;

border-radius: 4px;

font-size: 18px;

margin: 19px auto;

line-height: 44px;

/*border-radius: 20px;*/

box-sizing: border-box;

background: #99FF00;

display: flex;

justify-content: space-between;

padding-left: 10px;

padding-right: 10px;

color: #ffffff;

}

.button-tourist-mode, .button-match-mode, .button-qualifying-mode {

width: 100px;

background-color: #42beff;

}

.buttons-videos-container {

width: 84.8%;

height: 44px;

border-radius: 4px;

font-size: 18px;

margin: 19px auto;

line-height: 44px;

/*border-radius: 20px;*/

box-sizing: border-box;

background: #99FF00;

display: flex;

justify-content: space-between;

padding-left: 10px;

padding-right: 10px;

color: #ffffff;

}

.button-tutorial-videos {

}

全球首款吐槽类历史游戏 - 战斗棋

无论你的过去、现在或者未来多么辉煌

终不过是我手中的一枚棋子

创建房间

加入房间

排位模式

匹配模式

游客模式

新手教程

我把代码抽出来了

战斗棋 - 首页

#body, body {

/*background: #f0f0f0;*/

}

html, body{

height:100%;

width:100%;

/*padding:0px;*/

/*border:0px;*/

/*margin:0px;*/

/*box-sizing: border-box;*/

}

img{

border:0px

}

.bg42beff {

background: #42beff;

}

.index-root {

height: 100%;

box-sizing: border-box;

margin: 0;

border: 0;

padding: 0;

background: url(./assets/images/bg.jpeg) 50% no-repeat;

vertical-align: middle;

/*background-size: auto 100%;*/

font-size: 0;

background-size: cover;

}