在HTML和CSS中，可以使用相对定位（position: relative）和绝对定位（position: absolute）来调整按钮和文本位置，使其相对于背景大小进行调整。

以下是一个基本的示例代码：

HTML:

  

    按钮
    
文本内容
  

CSS:

.container {
  position: relative;
  width: 300px;
  height: 200px;
  background-color: #ccc;
}

.background {
  position: relative;
  width: 100%;
  height: 100%;
}

.btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text {
  position: absolute;
  top: 10px;
  left: 10px;
}

在上述代码中，.container 是包含背景的容器，它设置了固定的宽度和高度，并设置了背景颜色。

.background 是背景元素，它设置了相对定位，并铺满整个容器。

.btn 是按钮元素，它设置了绝对定位，并使用 top: 50%; 和 left: 50%; 将其位置设置在背景的中心。transform: translate(-50%, -50%); 用于将按钮的位置调整到背景的中心。

.text 是文本元素，它也设置了绝对定位，并将其位置设置在背景的左上角（例如，top: 10px; left: 10px;）。

通过这样的方式，按钮和文本的位置将根据背景大小进行调整。可以根据实际需求调整代码中的宽度、高度、颜色和位置等属性。