body标记上的位置和比例元素，背景大小设置为包含

Question

我有这个css用于整页背景：

body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background: #c5c5c5 url(images/bkg/back4.png) no-repeat center center fixed;
background-size: contain;

我想在那里放置一个带有文本的span元素，无论视口大小如何，都应该保持在同一个地方。也希望根据背景大小调整该文本的大小。我知道javascript是可能的，只是无法计算出跨度的大小和位置的计算。

开始小提琴dynamic span

Answer 1

就你可能想做的文字大小而言：

font-size: 16vw;