Этот вопрос, который я собираюсь задать, трудно выразить, поэтому, пожалуйста, поправьте меня, если вы думаете, что мое выражение не отражает то, что я хочу спросить, заранее.
Я работаю над мобильным приложением eBook. Вещи, которые необходимо учитывать: 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 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, X, 3, X,... и т.д.
Таким образом, вопросы: я не знаю, как рассчитать X.
Одним из возможных решений является настройка div на размер окна просмотра устройства и использование https://github.com/olegskl/fitText
Просто чтобы расширить свой комментарий. (не ответ как субъективный)
Использование ems для width может рассказать нам, сколько символов шрифта содержит содержащийся элемент.
рассматривать
<style>
body { font size: 0.8em; } /* roughly about 14 px */
.container { width: 30em; } /* 1em now equals 0.8 */
</style>
мы теперь знаем (или как можно ближе), что <div class="container">.. </div>
может содержать текст с строками (рядом с) 30 символами.
Хорошая часть здесь заключается в том, что если мы изменим размер шрифта:
<style>
body { font size: 1.2em; }
</style>
Ширина контейнера также изменяется, и мы сохраняем наше количество символов в строке. Из-за этого у нас есть связь между макетом и типографикой и контроль над "фиксацией" длины абзацев и интервалов между нашими проектами.
Весьма полезно, когда нам нужно рассчитать высоты, ширину и наши "разрывы страниц" элементов макета на основе макетов, которые адаптируются к разным размерам и имеют дело с динамическим текстом и размерами шрифтов.
Я предлагаю больше символов для небольших экранов!
overflow: auto;
??? Не уверен, что вам нужно.