background-size
当适用于手机端的图片想在电脑端显示时,可以通过background-size:100%;让其占满整个电脑屏幕:
.member-code-body{ background: url("../images/code_bg.jpg") no-repeat; background-size: 100%; }
当图片在手机上高度合适但电脑上不合适:
.member-code-body{ background: url("../images/code_bg.jpg") no-repeat; } @media screen and (min-width: 400px) { .member-code-body { background-size: 100%; //适用于背景图片小适合手机屏幕,不适合电脑屏幕时,将图片放大适合电脑屏幕 } }
宝剑锋从磨砺出,梅花香自苦寒来。