HTML5折叠文字和手机屏幕适应矛盾，背景出现重复

看着这一坨的东西就不想去看了，首先问问题要使用专业术语，

如果不会就要说得清楚一点，代码整理一下，这么乱是没有多少人会愿意去解答的。

你这些设置了可以缩放，一般情况下移动端的是这样的，

有时候还需加上这个：

至于你说的背景问题，你可以通过设置一个盒子为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。

---