我有一个网页，其中包含全屏幕背景图片和文字，其中的展示位置依赖于背景的某些点。例如，在一个图像中有一个水平线，其中有一个大的html标题，用它作为一条线。将字体缩放放到浏览器会抛弃放置位置，因此我为不同的分辨率制作了不同的样式表，让所有内容看起来都应该如此;保存macbook pro上的视网膜分辨率。
@media 1920 {font-size:124px}
@media 1600 {font-size:104px}
@media 1280 {font-size:84px}
在家中查看我的原始分辨率1900 x 1080它看起来很好并且定位正确。缩小分辨率一切都很好。但是，在macbook上，增加的分辨率不会像我预期的那样按比例放大，并将标题文本分成两行并抛出布局。
看到测试页如果我有一个macbook并且可以自己微调定位，这将不难解决。但我没有。所以我不太清楚如何纠正这个问题。