html,body { width:100%; height:100%; margin:0; padding:0; } .container-box { width:100%; height:100%; overflow:hidden; } .container { width:100%; height:100%; white-space:nowrap; position:relative; transition:all 0.3s; font-size:0; /*解决inline-block空白间隔问题*/ } .page { margin:0 10%; padding:10% 0; box-sizing:border-box; display:inline-block; width:80%; height:100%; white-space:normal; font-size:18px; /*inline-block间隔问题*/ color:#fff; } .page1 { background-color:darkmagenta; } .page2 { background-color:blueviolet; } .page3 { background-color:brown; } .page4 { background-color:chartreuse; }
更新时间:2021-02-04 01:51:22
利用h5的touch事件实现左右移动