Как вы увеличиваете / уменьшаете размер шрифта на веб-странице, когда вы не управляете HTML, а только элементом div или iFrame, в котором отображается HTML?
У нас есть сайт, который содержит пользовательский контент. Этот контент практически не контролируется, и HTML может быть сложным. (Это приложение «загрузи свою собственную книгу»).
Мы обертываем содержимое каждой главы в div. Мы хотели бы добавить на страницу элемент управления, который позволит читателю увеличить размер шрифтов в div.
Подобный вопрос был задан здесь:
Разрешить пользователям изменять размер шрифта на веб-странице , но ответы не будут работать, потому что я не могу запретить пользователям добавлять HTML, который задает размеры шрифта в пикселях.
Моя лучшая мысль - прокрутить весь текст с помощью jQuery и настроить, но это может вызвать проблемы при наследовании размеров шрифта, потому что шрифт в дочернем элементе будет настроен дважды.
Есть ли обобщенное решение этой проблемы?