我想使用Jsfiddle的这个简单的幻灯片脚本。
http://jsfiddle.net/Gajotres/JB22E/3/
针对移动浏览器进行了优化（向左或向右滑动）。
各个页面以水平顺序显示，就像在电子书阅读器中一样。
在示例的下方，来自id =＆＃34; article1＆＃34;的文本超过移动浏览器屏幕大小。
我希望第二段和第三段自动转入id =＆＃34; article2＆＃34;，id =＆＃34; article3＆＃34;等
我有一个名为$ HtmlText的JS变量。
仅包含整个Lorem Ipsum文本（带标签）。
必须使用Javascript动态创建其他Html代码...
问题
1.。）如何根据观众的屏幕尺寸对文本进行分页？
JS或PHP可以吗？
我查了一个类似的问题，但我无法弄清楚如何让它发挥作用......
我也是新手，所以我很感激你的帮助。
非常感谢。
<body>
<div id="article1">
<p>Some Text filling into Page1...</p>
<p>more Text exceeding Page1...</p>
<br>
<img src="/images/picture.jpg" />
<br>
<p>even more Text exceeding Page1, Page2 because of the image</p>
</div>
<div id="article2">
<p>more Text exceeding Page1...</p>
<br>
<img src="/images/picture.jpg" />
</div>
<div id="article3">
<p>even more Text exceeding Page1, Page2 because of the image</p>
</div>