mobile - 移动端与桌面端的高度差异

Question

我正在尝试将 iframe 嵌套在 div 中，以通过固定 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 内部也可能导致冲突。

尝试改用像素或百分比。