html - 框架。从不同的移动设备获取相同的 iframe 点

Question

我正在构建一个页面(不同域)，将 iframe 定位到页面的特定元素(移动边距顶部)，然后使用缩放的 css 属性缩放到该元素。

我正在使用这段代码完成:

iframe {
 -webkit-transform: scale(40.75);
  margin-top: -2525px;
}

但是，当我尝试从与我用来测试页面的移动设备不同的移动设备查看页面时，我得到了不同的结果。

有没有一种方法可以在不改变每个设备的边距的情况下向不同的移动设备显示相同的 iframe 点？

Answer 1

恐怕每个屏幕宽度都必须更改 margin-top 或任何其他边距规则。使 iframe 始终位于一个位置的一种可能方法是声明一个 position:absolute 并设置 bottom-top、right-left 属性，然后 iframe 将始终位于该位置。
在任何其他情况下，您必须为每个其他设备宽度设置媒体查询并设置不同的 margin-top。