网站任何显示器全屏显示

转载 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设置高度。。要不会超出部分产生白底出来。。

网站任何显示器全屏显示

现在很多公司在内容区域不大的情况下喜欢在浏览器上全屏显示。而且在不同分辨率下都要实现。     开始以为每个浏览器都要做一款CSS样式。但是成本太高,所以就要引用JS。      首先可以在网站中放一...
  • u011836382
  • u011836382
  • 2013年08月27日 11:30
  • 460

解决android模拟器启动后只能在任务栏显示而不能在电脑屏幕显示的问题

打开C:\Users\Administrator\.android\avd\xxx.avd\emulator-user.ini
  • u011494050
  • u011494050
  • 2014年04月18日 14:14
  • 1149

将屏幕分为4个DIV 点击某一个div时 全屏显示

      测试DIV页面            
  • njzyt
  • njzyt
  • 2010年12月08日 11:23
  • 1073

Mac外接显示器设置(四种模式)

四个模式设置问题首选看看几个模式的优选顺序,无任何设置时,外接显示器即为扩展模式,如果勾选镜像模式的话,镜像模式的优先权最高(也就是说勾选镜像模式的话,很有可能不会进入合盖模式和扩展模式),在扩展模式...
  • qq542045215
  • qq542045215
  • 2015年04月27日 15:53
  • 3504

树莓派有黑边不能全屏解决方法

# uncomment to force a specific HDMI mode (this will force VGA) hdmi_group=2 hdmi_mode=82 # uncomm...
  • FishChina
  • FishChina
  • 2017年01月15日 20:26
  • 3331

web 使网站在浏览器中全屏显示 fullscreen=yes

关于全屏(FullScreen)   很久以前,浏览器就已经有全屏的概念的了。IE的open方法中可以配置上FullScreen参数来让打开的页面全屏化。但是这不太好用,所以没成为主流。而且,全屏这...
  • unionz
  • unionz
  • 2016年07月29日 10:58
  • 3051

mac pro 笔记本电脑 外接显示器 无图像 / 不显示

有的时候,macbook  笔记本电脑 外接大显示器,刚开始 显示头像 正常, 但是 待机后  ,再次打开,大显示器 就不显示了,  拔掉数据线 重插 也无济于事。 显示器 OK, 数据线 也都OK...
  • dandaoyi
  • dandaoyi
  • 2016年05月17日 10:10
  • 2421

Unity三屏全屏方法

打开NVIDIA控制面板,打开3D设置→配置Surround、PhysX,勾选“使用Surround跨越多个显示器”。点击下方的“配置(C)…”,勾选三个显示器,拖动设置好三个显示器的显示顺序,确定。...
  • zhuxiaoyang2000
  • zhuxiaoyang2000
  • 2016年09月13日 20:16
  • 2298

显示器分辨率和图像分辨率的关系

显示器的分辨率是指显示器的屏幕的像素组成的数量(指液晶显示器),如21.5英寸的显示器的分辨率是1920X1080是指屏幕上横向有1920个像素,纵向上有1080个像素。 图像分辨率是一幅图片中...
  • wishfly
  • wishfly
  • 2015年03月12日 17:13
  • 1145

iframe不能全屏

The full screen option, especially over the iframe embed code, can be difficult to get working depen...
  • lytk1
  • lytk1
  • 2016年05月04日 04:24
  • 1059
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网站任何显示器全屏显示
举报原因:
原因补充:

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