如何使我的幻燈片在全屏上顯示？

Question

因此，我試圖將幻燈片放寬到全屏（如www.dealix.com上的幻燈片）（您可以參考）。我目前正在使用Jquery，它是必須實現的CSS代碼還是必須調整圖像大小以適合屏幕，如果可以的話，Internet瀏覽器的默認寬度是多少，非常感謝！ 請僅在我編寫代碼的第二個月對我方便一些！

CSS:


<!--
#fadein {
    position:relative;
    height:320px;
    width:320px;
}

#fadein img {
    position:absolute;
    left:0;
    top:0;
}
-->

HTML / Javascript：

</div>
<script src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function() {
$('.fadein img:gt(0)').hide();

setInterval(function () {
    $('.fadein :first-child').fadeOut()
                             .next('img')
                             .fadeIn()
                             .end()
                             .appendTo('.fadein');
}, 4000); // 4 seconds
});

Answer 1

如果將height和width屬性的值設置為100%怎么辦？

編輯：

也把這個放在css上：

    body{
        padding: 0px;
        margin: 0px;
    }

Answer 2

如果您正在瀏覽器中使用全屏顯示，請使用width：100％; 高度：100％;

或者如果您正在全屏瀏覽，請參考此問題

如何使用Javascript使窗口全屏顯示（在整個屏幕上展開）