要实现背景图片全屏适应且不裁剪的效果，可以使用CSS的background-size属性和background-position属性来控制背景图片的大小和位置。

以下是一个示例代码，展示了如何实现背景图片全屏适应，无任何裁剪的效果：

HTML部分：

CSS部分（style.css）：

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
}

.fullscreen-bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fullscreen-bg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('background.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.8;
}

在上述代码中，我们创建了一个占满整个屏幕的容器.fullscreen-bg，并在其中添加了一个遮罩层.overlay。在遮罩层的CSS样式中，设置了背景图片的URL（background-image），并使用background-size: cover来让背景图片完全覆盖遮罩层，同时保持比例不变。background-position: center则将背景图片在容器中居中显示。

注意：要使背景图片完全可见，可能需要调整遮罩层的透明度（opacity）或其他样式属性，以适应实际需求。

这样，背景图片就会完全适应屏幕大小而不进行裁剪，并且会自动调整大小以适应不同的屏幕分辨率。