css背景圖寬度只適應，高度不變

時間 2019-11-06

標籤 css 背景寬度適應高度不變欄目 CSS 简体版

原文原文鏈接

保證1920px的圖片，在低分率率的電腦上也能正常顯示，兩邊裁剪，中間居中，高度不變html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<div class="test">
  <div style="width: 100%;height: 390px; background: url(http://imagecdn0.17huo.com/o_1bvue57hgbp8ms1diu18ctjnrh.jpg) no-repeat center;background-size: 1920px 390px;"></div>
</div>
</body>
</html>