Question

当浏览器在我的显示器上显示完整尺寸时，视频标志看上去不错，但是如果我使浏览器小一点，它就会立即看起来不清晰，并开始覆盖“照相亭”。我只想确保在开始添加媒体查询之前为视频按钮标志正确设置了代码。（尚未设置移动设备）

header .video-sign {     
  position: absolute;     
  bottom: -30px;     
  right: 28rem; 
}

Answer 1

如果您希望视频符号保持更靠近父级的右侧，则可以将css更改为使用像素。

header .video-sign {
  position: absolute;
  bottom: -30px;
  right: 30px;
}

如果您希望它更加灵活，可以使用百分比。

header .video-sign {
  position: absolute;
  bottom: -30px;
  right: 5%;
}

如果您希望它尽可能地靠近右侧，则video-sign div具有足够的填充，即使使用right: 0也会看起来不错。

但是很难确切地说出你想要它的表现。