Question

确定，所以我想的图像放置作为网页的背景下，欲总是显示图像的整个高度和总是为中心，如图像的中心是在网页的中心。图像的宽度大于它的高度更大，所以在情况下的图像的宽度比所述网页的宽度更大然后我想要的PIC被切割在两侧是相同的

Answer 1

这就是您的要求。查看body元素的CSS代码。

* { 
  margin: 0px;
  padding: 0px;
}

body {
  width: 100vw;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

  background-image: url("https://s3.amazonaws.com/cdn-origin-etr.akc.org/wp-content/uploads/2017/11/12193133/German-Shepherd-Puppy-Fetch.jpg");
}

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="master.min.css">
    <title></title>
  </head>
  <body>
  </body>
</html>

图像定位////

1 个答案: