对齐html元素比其他任何东西都更重要

Question

我在这里有一点问题..任何提示如何解决这个问题是赞赏:) 我认为这是一个数学问题，但......

我在1920画布上有一个可拖动元素（但可能是任何大小，具体取决于用户浏览器窗口大小.. 假设我有一个按钮（宽度：200px），另一个元素，例如一些文本（宽度：500px）

在我的“viewport”（1920）中，我将这两个元素拖到左侧位置：200px 并保存..

然后我转到另一个浏览器窗口（预览），然后我将窗口更改为1400px

我想要的是那些2个元素在我的新窗口大小（1400）中对齐。基于我的新视口的一个porportional左侧位置。 我在1920年画画，我想在1400年渲染..

什么是hapening是因为我的2个元素具有不同的宽度，所以在我的新“分辨率”中，它们会被广泛地分开。

如果元素以相同的窗口大小（1920年构建并渲染1920年）进行渲染，则它们会正确对齐。 如果差异浏览器窗口他们会被取消。

附上2张图片： （1º - 所需最终输出的线框） （2º - 正在发生的事情的真实印记）

algo ..这个“公式”也需要工作/对齐例如视口宽度的中心/中心（即1920,1400等）

致以最诚挚的问候，谢谢。