Javascript 如何在一个手机页面中输入适量的字符（不同手机的页面和字体大小会有所不同）

我要问的这个问题很难表达，所以如果你认为我的表达不能反映我想问的，请纠正我，提前谢谢

我正在开发一款电子书手机应用程序。我需要考虑的是： 1.屏幕大小 2.字号 3.根据当前屏幕大小和字体大小，我应该在一页中放入多少段落

我想在更大的屏幕上使用更大的字体，所以我不知道如何决定一页应该放多少段落。 我有整篇文章的数据，但不知道何时何地将其分成几页

欢迎提出任何建议或想法

更新：

好的，让我说得更详细些

假设我有一篇文章：

var arti = "Stack Overflow is a website, the flagship site of the Stack Exchange Network,[2][3] created in 2008 by Jeff Atwood and Joel Spolsky,[4][5] as a more open alternative to earlier Q&A sites such as Experts Exchange. The name for the website was chosen by voting in April 2008 by readers of Coding Horror, Atwood's popular programming blog.[6]
It features questions and answers on a wide range of topics in computer programming.[7][8][9] The website serves as a platform for users to ask and answer questions, and, through membership and active participation, to vote questions and answers up or down and edit questions and answers in a fashion similar to a wiki or digg.[10] Users of Stack Overflow can earn reputation points and "badges"; for example, a person is awarded 10 reputation points for receiving an "up" vote on an answer given to a question, and can receive badges for their valued contributions,[11] which represents a kind of gamification of the traditional Q&A site or forum. All user-generated content is licensed under a Creative Commons Attribute-ShareAlike license.[12]
As of August 2013, Stack Overflow has over 1,900,000 registered users and more than 5,500,000 questions.[13][14] Based on the type of tags assigned to questions, the top eight most discussed topics on the site are: C#, Java, PHP, JavaScript, Android, jQuery, C++ and Python.[15]";

我用来测试我的应用程序的手机屏幕尺寸是1280*760，一个屏幕上只能显示大约X个字符

所以我的程序应该在第X，2*Xth，3*Xth。。。等等，人物

所以问题是

---

我不知道如何计算X。

我建议小屏幕使用更大的字符

我想进一步阐述一下我的评论。（不是主观的回答）

使用ems表示宽度可以告诉我们包含元素的字体字符宽度

考虑

<style>

body { font size: 0.8em; } /* roughly about 14 px */
.container {  width: 30em; } /* 1em now equals 0.8 */

</style>

正文{font size:0.8em；}/*大约14像素*/
.container{width:30em；}/*1em现在等于0.8*/

我们现在知道（或尽可能接近地知道），

可以保存行数为（接近）30个字符的文本

这里的好处是，如果我们更改字体大小：

<style>

body { font size: 1.2em; }

</style>


正文{字体大小：1.2em；}

容器宽度也会发生变化，我们会保留每行设置的字符数。
正因为如此，我们在布局和排版之间建立了联系，并在设计中控制“固定”段落长度和间距

当我们需要计算高度、宽度和设计的布局元素“分页符”时，非常有用，这些布局基于适应不同大小的布局，并处理动态文本和字体大小。
一个可行的解决方案是将div调整为设备视口的大小，并使用
溢出：自动？？？不确定你需要什么。你是在问如何决定在哪里打断文本，或者如何计算页面上有多少文本，或者？？？你有什么代码可以开始吗？看看使用“ems”作为包含元素宽度和高度的值。然后您可以根据字体大小设置布局accurately@user3117575无法使用溢出：自动。这是一个移动应用程序，因此它不允许用户滚动屏幕，并且此应用程序的大小应与屏幕大小相同。@norlesh是的，我在问如何决定在何处打断文本，以便将其余文本放入以下页面。好的，但是，由于固定大小的屏幕不能包含所有字符，如何决定何时打破整篇文章？我认为您应该使用mm作为字体大小的单位。我不知道这个具体的问题，我可能会根据屏幕大小估计字符的数量mm或英寸，并将每一页的文本分割成一个数组。嗨，Rob，谢谢你的帮助。我不明白为什么“如果我们改变字体大小，容器宽度也会改变”？而且，它是一个移动应用程序，因此我不能让容器的内容挤压整个应用程序，因为如果我这样做，它将看起来不像一个移动应用程序，而是一个网页。谢谢，因为宽度设置为字体大小（例如不是像素）。不是一个问题的综合解决方案，抱歉，只是回答ems上的评论问题，与动态布局和字体大小有关。Franva，如果你在问题中提供完整的HTML布局和CSS，你会有更好的答案。没有现成的“分页符”答案，这完全取决于您的设计。有了这些，我们可以看到你想要实现什么，并且会有一个定制的CSS/javascript答案。嗨，Rob，谢谢你的帮助，我会在回家后更新我的代码