2

iframe を div 内にネストして、div の高さを固定することで iframe の高さを修正しようとしています。私の問題は、デスクトップ ブラウザーに表示される iframe の量が、モバイル ブラウザー (iOS のサファリとクロム) に表示される量と異なることです。モバイルの 3em はデスクトップの 3em と同じではないようです

以下は、div/iframe html です。

<div name="iframe-div" style="height:3em; overflow:hidden; font-size:12px">
<iframe src="http://blog.mycitylives.com/2012/02/twn-links/" frameborder="0" scrolling="no" " width="90%" height="810px">
</iframe>
</div>

上記の iframe src リンクに表示されています。

4

1 に答える 1

0

'em'単位は相対的な測定値であり、文字通り、フォントタイプとフォントサイズの'm'文字の幅/高さを指します。ですから、モバイルのサイズは当然デスクトップよりも小さいと思います。iframeページの内部のcssも競合を引き起こしている可能性があります。

代わりにピクセルまたはパーセンテージを使用してみてください。

于 2012-11-09T18:35:18.723 に答える