about是主页面demo,剩下的页面demo都在index页面里,按demo引入js和css即可
css中有适配手机尺寸的部分如:
@media(max-width:1366px){ .main { width: 27%; } } @media(max-width:1280px){ h1 { font-size: 2.5em; } .main { width: 30%; } } @media(max-width:1080px){ .main { width: 35%; margin: 2em auto; } } @media(max-width:1024px){ .main { width: 38%; } }