Question

所以我试图将我的幻灯片展示为全屏，就像www.dealix.com上的那样（你可以参考）我现在正在使用Jquery，它是一个必须实现的css代码，或者图像必须是大小适合屏幕，如果是这样，互联网浏览器的默认宽度是多少！请在我编写的第二个月内，对我很轻松！

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

如果您正在寻找浏览器使用宽度的全屏：100％;高度：100％;

或者如果您正在全屏查看，请参阅此问题

How to make the window full screen with Javascript (stretching all over the screen)

如何在我的网页上全屏显示幻灯片？

2 个答案: