HTML响应式图像视网膜逻辑

Question

我有以下简单的HTML代码

tf.contrib.estimator.TowerOptimizer(...)

很明显，它在没有视网膜显示的情况下如何呈现。但是，当我打开Chrome Devtools并在DPR 2.0中选择“移动视图”时，我不知道会发生什么。高达339px的浏览器将加载240x240的图像，从340px的宽度开始，它将加载480x480的图像。

您能解释一下为什么，也许给个公式吗？