不同手机型号图文预览_手机端图片预览查看

图片预览

/*正式样式 start*/.wrap{width:100%;

}.head-box{height:40px;background:#4ecbf3;width:100%;text-align:center;line-height:40px;

}.head-box h4{color:#fff;

}

/*内容*/.photos-box{width:50px;height:50px;

}.photos-box img{width:100%;height:100%;

}

/**/#close{font-size:16px;z-index:999999;width:45px;height:45px;top:0;right:0;opacity:.8;position:absolute;background:#333;border-radius:0 0 0 80%;

}#close:before, #close:after{content:" ";width:2px;height:20px;background-color:hsl(0, 100%, 100%);position:absolute;top:10px;left:24px;

}#close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);

}#close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);

}.image-footer{text-align:center;font-size:16px !important;bottom:20px !important;

}.imgName{font-size:17px;text-align:center;display:block;color:#fff;margin:10px auto;

}.image-viewer{position:fixed !important;bottom:0;}.image-viewer .viewer{position:absolute;transform:translateY(-50%); }

图片预览