1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>宽高比例10:7</title> 6 <style type="text/css"> 7 *{ 8 margin:0; 9 padding:0; 10 box-sizing: border-box; 11 } 12 #box{ 13 width: 100%; 14 padding-top:70%; 15 background-color: red; 16 background-image: url(https://y.gtimg.cn/music/photo_new/T001R300x300M0000025NhlN2yWrP4.jpg?max_age=2592000); 17 background-size: cover; 18 } 19 </style> 20 </head> 21 <body> 22 <div id="box"> 23 24 </div> 25 </body> 26 </html>
原文：http://www.cnblogs.com/shuaihan/p/7352217.html