在不同屏幕间实现文本字体大小比例的解决方法可以使用CSS中的媒体查询和JavaScript来实现。以下是一个示例代码：

HTML:

这是一个示例文本。

CSS:

/* 默认字体大小 */
#text {
  font-size: 16px;
}

/* 在大屏幕上增加字体大小 */
@media screen and (min-width: 1200px) {
  #text {
    font-size: 20px;
  }
}

/* 在小屏幕上减小字体大小 */
@media screen and (max-width: 600px) {
  #text {
    font-size: 12px;
  }
}

JavaScript:

// 获取屏幕宽度
var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

// 根据屏幕宽度设置字体大小
if (screenWidth >= 1200) {
  document.getElementById("text").style.fontSize = "20px";
} else if (screenWidth <= 600) {
  document.getElementById("text").style.fontSize = "12px";
} else {
  document.getElementById("text").style.fontSize = "16px";
}

这样，当屏幕宽度大于等于1200px时，文本字体大小为20px；当屏幕宽度小于等于600px时，文本字体大小为12px；其他情况下，默认字体大小为16px。