0

質問の見出しが具体的すぎて申し訳ありませんが、より一般的なことが何が起こっているのかわかりません。明らかに何かが足りない

このjsbinを見てください：

http://jsbin.com/aguhux/1/edit

何らかの理由で編集モードで見る必要があることに注意してください (基本的に jsbin 内で jsbin 手法を実行しているという事実と関係があると思われます) js はフルビューでエスケープし、ページを変更します。

私が持っているのは基本的に

p{slipsum text}
div#preview (hard coded height, width)
  div (css3 scale transform)
     iframe
p{slipsum text}

iframe のコンテンツはオンザフライで構築され、高さと幅も手動で設定されます。

#preview のスペースはフロー コンテンツに適切に割り当てられますが、何らかの理由で、子がコンテナーをエスケープし、下部の段落をオーバーレイします。

なぜこれが起こっているのですか？どうすればそれを止めることができますか?

これは Chrome と Firefox の両方で発生するため、ブラウザのバグではないことがわかっています。

4

1 に答える 1

0

わかりました、私はそれを理解しました-それはスケーリングに関係していました。

これが作業中のjsbinです

どうやら、要素をスケーリングすると、その内容がスケーリングされますが、要素自体は、コンテンツがスケーリングされていなかった場合のサイズのままです(なぜデフォルトの機能になるのかは私を超えています)。したがって、解決策は、すべてを上に移動するscalingFactor*originalHeightことです。これにより、垂直に配置されます。何らかの理由で水平に配置するには、左に移動scalingFactor*expectedWidthする必要があります (これは である必要がありますscalingFactor*scalingFactor*originalWidth)。

この狂気を正当化するためにチャイムを鳴らしたい人は誰でも...私はすべての耳です。

于 2013-01-10T21:54:38.673 に答える