我尝试在div中嵌套一个iframe,通过固定div的高度来固定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>它显示在上面的iframe src链接上。
发布于 2012-11-10 02:35:19
'em‘单位是一个相对度量,字面上是指字体类型和字体大小的'm’字符的宽度/高度。因此,我希望手机的尺寸自然会比台式机小。iframe页面内部的css也可能导致冲突。
尝试使用像素或百分比。
https://stackoverflow.com/questions/13313733
复制相似问题