css编写 div屏幕可视范围内永久居中

两种方法，第一种完美居中显示，第二种也算完美吧，主要是竟然有个别人的手机无法识别 transform属性；

方法一：

.show1{
    width: 15rem;
    padding: 0.8rem;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    margin-left: -7.5rem;/* 为自身宽度的负一半 */
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    z-index: 5000;
    border-radius: 5px;
}

方法二： 

.show2 {
    width: 15rem;
    padding: 0.8rem;
    box-sizing: border-box;
    position: fixed;/* 可视界面居中重要设置 */
    left: 50%;
    margin-left: -7.5rem;/* 为自身宽度的负一半 */
    top: 50%;
    margin-top: -62%;/* 为自身高度的负一半；当自身高度不确定时，可以自己调节 */
    background: #ffffff;
    z-index: 5000;
    border-radius: 5px;
}