手機與臺式機之間的高度差

我想嵌套在一個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鏈接。

來源

2012-11-09 Bob Hardy

'em'單位是一種相對度量，字面意思是字體類型和字體大小的'm'字符的寬度/高度。所以，我預計手機的尺寸自然會比桌面小。 iframe頁面的CSS也可能導致衝突。

嘗試使用像素或百分比代替。

來源

2012-11-09 18:35:18

我試過使用px，em和％它們都會導致移動和桌面上的高度不同......即文本在桌面上不會被切斷，但在移動時會出現 –

啊我想我現在看到'溢出：隱藏「你的div和滾動的iframe。在上面的頁面url並將代碼放到另一個html頁面中，div甚至在桌面上切斷了iframe。你究竟想要完成什麼？ –

我希望div在桌面和移動設備上的3行後切斷iframe。無論我使用的高度單位如何，都會在不同的地方切割iframe。 –

手機與臺式機之間的高度差

回答

相關問題