| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover"/>
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <meta name="format-detection" content="telephone=no" />
- <!-- <link rel="stylesheet" type="text/css" href="引入h5页面基础样式"> -->
- <style>
- .phone_body::-webkit-scrollbar {
- /*滚动条整体样式*/
- width : 10px; /*高宽分别对应横竖滚动条的尺寸*/
- height: 1px;
- }
- .phone_body::-webkit-scrollbar-thumb {
- /*滚动条里面小方块*/
- border-radius : 10px;
- background-color: #4a4a4b3d;
- background-image: -webkit-linear-gradient(
- 45deg,
- transparent 100%,
- transparent
- );
- }
- .phone_body::-webkit-scrollbar-track {
- /*滚动条里面轨道*/
- background :unset;
- border-radius: 10px;
- }
- #phone_preview_div{
- width: 100%;
- }
-
- img {
- -ms-interpolation-mode: bicubic;
- }
- img {
- max-width: 100%;
- }
- video{
- max-width: 100%;
- }
- </style>
- </head>
- <body class="phone_body">
- <div id="phone_preview_div"></div>
- </body>
- </html>
|
