CSS背景百分之百是指背景圖片能夠完全覆蓋容器的背景區域，不會出現重復或拉伸變形的情況。在實際開發中，實現CSS背景百分之百常常是前端開發中的難點之一。下面我們將介紹幾種實現方法。

1. 使用背景大小屬性

.container {
background-image: url(../images/bg-img.jpg);
background-size: cover;
background-position: center center;
}

將背景圖片的大小設置為“cover”，可以讓圖片完全覆蓋容器，同時使用“center center”可以將圖片居中顯示。

2. 使用媒體查詢

.container {
background-image: url(../images/bg-img.jpg);
background-size: cover;
background-position: center center;
}
@media (max-width: 768px) {
.container {
background-size: 100% auto;
}
}

在移動設備上，使用“cover”可能會導致圖片變形。此時可以使用媒體查詢，在移動設備上將背景大小設置為“100% auto”，保證圖片不會變形，同時在桌面設備上使用“cover”。

3. 使用圖片縮放

.container {
background-image: url(../images/bg-img.jpg);
background-size: cover;
background-position: center center;
}
.container:before {
content: "";
background-image: url(../images/bg-img.jpg);
transform: scale(1.1);
position: absolute;
top: -5%;
left: -5%;
right: -5%;
bottom: -5%;
z-index: -1;
}

使用偽元素添加一個和容器一樣大小的背景圖片，同時使用縮放屬性將它放大一些，從而讓圖片完全覆蓋容器。

總結：實現CSS背景百分之百并不是一件很容易的事情，需要我們在實際開發中根據需求和場景來選擇合適的方法。