移动与桌面的高度差异

Question

我正在尝试在div中嵌入iframe以通过固定div的高度来修复iframe的高度。 我的问题是桌面浏览器上显示的iframe数量与移动浏览器上显示的数量不同（iOS的safari和chrome）。这就像移动设备上的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链接上。

Answer 1

'em'单位是一个相对测量，字面上指的是字体类型和字体大小的'm'字符的宽度/高度。所以，我希望手机的尺寸自然小于桌面。 iframe页面的css内部也可能导致冲突。

尝试使用像素或百分比。