看着这一坨的东西就不想去看了，首先问问题要使用专业术语，
如果不会就要说得清楚一点，代码整理一下，这么乱是没有多少人会愿意去解答的。
你这些设置了可以缩放，一般情况下移动端的是这样的，
有时候还需加上这个：
至于你说的背景问题，你可以通过设置一个盒子为width：100%；height：100%；然后把图片放在这个盒子里面，然后设置图片自适应盒子（display:blockwidth:100%），然后在根据body标签来定位，这样它就是一张完美适应的背景图了。
<h1><p>折叠1</p></h1><h1><p>折叠2</p></h1>
<h1><p>折叠3</p></h1>
<h1><p>折叠4</p></h1>
需要js来，最好用jquery来实现
只需要给h1绑定事件，单件它的时候，设置它的p属性，display:none。
需要设计一个在线的数据库录入系统，用户可以通过pc和手机端浏览器直接访问并进行数据的录入。为了快捷，在概览了HTML5和CSS的基本知识后，就直接采用了bootstrap来搭建整个网站的基本框架。
