网站任何显示器全屏显示

转载 2016年08月28日 21:18:33

网站任何显示器全屏显示

    

     首先可以在网站中放一个img 然后把它绝对定位,然后没10毫秒改变一下这个图片的大小就可以了,这样这张图片就可以在任何显示器上全屏显示。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>建设中</title>
<script type="text/JavaScript" src="js/jQuery-1.7.1.min.js"></script>
<style>
html{ height:100%;}
body{font-size:14px;font-family:"微软雅黑",calluna, Georgia, serif,'proxima-nova', 'Helvetica Neue', Helvetica, sans-serif; overflow:hidden; height:100%; }
#wrapImg{position: absolute; top: 0px; left: 0px;overflow: hidden; bottom:0px; right:0px; z-index:-10;}
</style>
</head>

<body>
    <div>
            <img id="wrapImg" src="images/LOGO_JS.jpg" onclick="javascript:art.dialog.close();">
    </div>

    <div class="top"></div>

    <div class="content"></div>

    <div class="bottom"></div>
    <script type="text/javascript">
    
        $(function(){//窗口位置
        setInterval(function(){
            var ww = $(window).width(),//浏览器宽
                wh = $(window).height();
        $("#wrapImg").width(ww).height(wh);
        },10)
    })
    
    </script>
</body>
</html>

   至于里面的内容区只要内容不超出显示器的宽度就可以了,超出就要产生overflow-Y 的滚动条。

注意 : 不要给BODY设置高度。。要不会超出部分产生白底出来。。

[Android实例] 视频播放三种设置全屏适应不同分辨率显示器

最近在做Android上播放音频的功能,需要视频全屏播放,自己研究了一下,随便总结了如下3种设置方式,大家都来交流交流,如果满意请顺便给分享谢谢~~~ 第一种方式         this...
  • sdvch
  • sdvch
  • 2015年03月10日 22:36
  • 7456

jquery.fullPage 全屏滚动网站js

  • 2017年05月15日 13:50
  • 80KB
  • 下载

iOS Web 网站开发必备 图标 放大级别 全屏等设置

虽然没有能力开发Native App,但还是可以利用iOS中Safari浏览器的特性小小的折腾一下,做一个伪Web App满足下小小的虚荣心的。 既然是在iOS中的Safari折腾的,那么代码中...

全屏大图html企业网站

  • 2016年10月20日 11:11
  • 10.94MB
  • 下载

经典网页设计:25个精美的全屏背景网站设计作品

在网页中使用精美的全屏背景能给访客浏览深刻的印象,带给访客震撼的视觉感受。当然,大尺寸的图片用在网站中也会有加载缓慢的问题,不过使用全屏背景仍然是一个非常不错的方式。今天这篇文章收集了25个非常精美的...
  • Tizian
  • Tizian
  • 2012年10月23日 16:05
  • 963

fullpage实现单页面全屏网站

html源代码         Apple Watch 宣传页                                     它,终于来了。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网站任何显示器全屏显示
举报原因:
原因补充:

(最多只允许输入30个字)