Mobile 手机和桌面上的高度差异

我试图在div中嵌套一个iframe，通过固定div的高度来固定iframe的高度。 我的问题是，桌面浏览器上显示的iframe数量与移动浏览器（iOS的safari和chrome）上显示的iframe数量不同。这就像手机上的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>

“em”单位是一种相对度量单位，字面上指的是字体类型和字体大小的“m”字符的宽度/高度。因此，我认为手机的尺寸自然会比台式机小。iframe页面的css内部也可能会导致冲突

尝试使用像素或百分比来代替。
我尝试过使用px、em和%它们都会在手机和桌面上产生不同的高度。。。我想我现在看到了你的div上的“overflow:hidden”和iframe上的滚动。在上面的页面url处，并将代码放入另一个html页面，div甚至在桌面上也会切断iframe。你到底想做什么？我想让div在桌面和手机上三行之后切断iframe。无论我使用什么高度单位，它都会在不同的位置切割iframe。