当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0;设置height:100vh,该元素会被撑开屏幕高度一致。 背景图在pc调试清晰,在移动端显示模糊,因为手机分辨率小,用2x背景图并设置background-size:contain .icon-back{ background: url('../images/icon_back@2x.png') center center no-repeat; background-size: contain; } 实用样式 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 0px; height: 0px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 10px; background-color: #F5F5F5; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } /*改变输入框placeholder的颜色值*/ ::-web