Как разместить правильное количество символов на одной странице мобильного устройства (размеры страниц и шрифтов будут меняться на разных мобильных устройствах)

0

Этот вопрос, который я собираюсь задать, трудно выразить, поэтому, пожалуйста, поправьте меня, если вы думаете, что мое выражение не отражает то, что я хочу спросить, заранее.

Я работаю над мобильным приложением 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.

  • 0
    overflow: auto; ??? Не уверен, что вам нужно.
  • 0
    Вы спрашиваете, как решить, где разбить текст, или как рассчитать, сколько текста на странице, или ??? у вас есть код для начала?
Показать ещё 6 комментариев
Теги:
cordova

3 ответа

0

Одним из возможных решений является настройка div на размер окна просмотра устройства и использование https://github.com/olegskl/fitText

  • 0
    спасибо хитабой, попробую как только вернусь домой
0

Просто чтобы расширить свой комментарий. (не ответ как субъективный)

Использование 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>

Ширина контейнера также изменяется, и мы сохраняем наше количество символов в строке. Из-за этого у нас есть связь между макетом и типографикой и контроль над "фиксацией" длины абзацев и интервалов между нашими проектами.

Весьма полезно, когда нам нужно рассчитать высоты, ширину и наши "разрывы страниц" элементов макета на основе макетов, которые адаптируются к разным размерам и имеют дело с динамическим текстом и размерами шрифтов.

  • 0
    Привет Роб, спасибо за вашу помощь. Я не понимаю, почему "если мы изменим размер шрифта, ширина контейнера также изменится"? Кроме того, это мобильное приложение, поэтому я не могу позволить содержимому контейнера сжать все приложение, потому что если я это сделаю, оно будет выглядеть не как мобильное приложение, а как веб-страница.
  • 0
    Спасибо, потому что ширина установлена на размер шрифта (например, не в пикселях). Не все в одном решении вопроса, извините, просто отвечая на вопрос с комментариями на ems и это связано с проблемами, связанными с динамическими макетами и размерами шрифтов.
Показать ещё 2 комментария
0

Я предлагаю больше символов для небольших экранов!

  • 0
    хорошо, но как решить, когда мне следует разбить всю статью, поскольку экран фиксированного размера не может содержать все символы?
  • 0
    Я думаю, что вы должны использовать мм в качестве единицы для размера шрифта. Я не знаю об этом конкретном вопросе, я, вероятно, оценил бы количество символов в зависимости от размера экрана в мм или дюймах и разделил бы текст на массив для каждой страницы.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню