css 完美的FullScreen BackGround CSS

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 完美的FullScreen BackGround CSS相关的知识,希望对你有一定的参考价值。

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

以上是关于css 完美的FullScreen BackGround CSS的主要内容,如果未能解决你的问题,请参考以下文章

css gist_fullScreen.css

css 全屏API - HTML5 API - http://www.starstormdesign.de/fullscreen-api-html5/

css 叠加菜单。来自:https://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp

css .fullscreen-modal,.bigmodal类for bootstrap由ohmycode在github上提出。必须在bootstrap 3.4中测试这个。

css .fullscreen-modal,.bigmodal类for bootstrap由ohmycode在github上提出。必须在bootstrap 3.4中测试这个。

css .fullscreen-modal,.bigmodal类for bootstrap由ohmycode在github上提出。必须在bootstrap 3.4中测试这个。