HTML5横竖屏提示 | 横竖屏提示

HTML代码：

<div class="screen-prompt"></div>

CSS判断代码：

/*横竖屏提示*/

@media screen and (orientation:landscape) {

    .screen-prompt{ display: block;}

}

@media all and (orientation : portrait){

    .screen-prompt{ display: none;}

}

.screen-prompt {

    width: 100%;

    height: 100%;

    position: fixed;

    top:;

    right:;

    bottom:;

    left:;

    z-index:;

    background: #32373B url(screen_switch.gif) center center no-repeat;

    background-size: contain;

}