22

スケーリングされた長いコンテンツを持つコンテナ要素があります。

.container {
  transform: scale(0.9);
}

このコンテナ内にはdiv、ポップアップとして使用される子があります。それは上で絶対に配置されています50%

.popup {
  width: 300px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
}

残念ながら、コンテナがスケーリングされている場合、これ50%は機能しません。~240%ページの下部に表示される場合は使用する必要があります。

スケーリングされた要素の子に配置を適用することについて、具体的なことを教えてください。

デモ: http://labs.voronianski.com/test/scaled-positioning.html

4

1 に答える 1