手机标题栏左右滑动无滚动条

来源：互联网发布：java的http通信编辑：程序博客网时间：2024/06/10 13:05

这里写图片描述

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />        <title></title>        <style type="text/css">            * {                padding: 0px;                margin: 0px;            }            body {                width: 100%;                height: 100%;            }            #main {                width: 100%;                height: 100%;                margin: 0 auto;                overflow: scroll;            }            ul {                width: 600px;                list-style: none;             }            li {                display: inline-block;                width: 50px;                height: 30px;                background: blue;                color:black;                line-height: 30px;                text-align: center;            }            li:nth-child(2n) {                background: green;            }        </style>    </head>    <body>        <div id="main">            <ul>                <li>1</li>                <li>2</li>                <li>3</li>                <li>4</li>                <li>5</li>                <li>6</li>                <li>7</li>                <li>8</li>                <li>9</li>                <li>10</li>            </ul>        </div>        <h1>我不动</h1>    </body></html>

0 0