![](/img/trans.png)
[英]Swiper makes div taller than given and doesn't shrink when height is given
[英]How can I make an iframe taller when specifying a higher height doesn't work?
我的書的封面圖像是318x424
,我要嘗試做的是指定一個圖像,並在其下方提供一個文本鏈接。 初始src為about:blank
因此如果響應式設計未顯示該幀,則不會占用用戶帶寬。
框架的HTML為:
<div style="width: 0; text-align: center;">
<iframe id="slideshow" border="0" frameborder="0" frameborder="no"
style="display: none;" width="318" height="725"
src="about:blank"></iframe>
</div>
JavaScript是:
-編輯:更改代碼以利用Ian的建議-
function size_book_cover()
{
if (jQuery(window).width() > 1200)
{
if (jQuery(window).width() > 1300)
{
var width = Math.min(jQuery(window).width() - 1100, 318);
jQuery('#slideshow').attr('src', '/book_covers.cgi?width=' + width);
jQuery('#slideshow').css('width', width + 'px');
jQuery('#slideshow').css('right', jQuery(window).width() / 8);
jQuery('#slideshow').css('display', 'block');
}
}
}
相反,在Firefox和Chrome中發生的是,為iframe分配了一張圖片大小的插槽。 下方的文字鏈接可以向下滾動,但位於折疊下方。
有什么想法為什么當指定了更高的高度並且內容比圖片高時,iframe應該緊貼圖片嗎?
-附加編輯-
包含iframe的一個主機頁面位於http://JonathansCorner.com/blacksmiths-forge/ 。
可以在http://JonathansCorner.com/book_covers.cgi?width=318上查看來賓iframe。
通過將以下行添加到size_book_cover()解決了該問題:
jQuery('#slideshow').css('height', '575px');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.