2016-03-24 1 views
0

Я использую gridstack.js в одном из моих проектов, и на сетке есть 3 изменяемых размера и перетаскиваемых div.
Я хотел бы изменить размер текста в тегах p и h3 в этих div и сохранить значения fontsize при изменении размера родительского div. Я могу сделать это вот так: Can text be resizable using jquery-ui?JQuery UI изменить размер текста зависит от родительского div и размера экрана

Но что делать, если экран меняется? Например, я использую небольшой экран, и после изменения размера одного из div, p fontsize может быть 12px. Когда я использую большой экран, что должно быть fontsize p тега? Как я могу настроить это?

Благодаря

ответ

0

Вы могли бы просто использовать @media правило для запуска каждого правила в зависимости от ширины экрана. http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

+0

Привет, вы знаете, что divs изменяются по размеру в gridstack, а также изменяют размер текста при изменении размера div. Например, я могу установить размер шрифта: 12px для '@media' max-width: 480px и font-size: 16px для '@media' max-width: 960px. Но когда у меня есть 6-блочная ширина div (в gridstack), текст в этом должен быть разным в экранах 480px и 960px. И эти значения размера шрифта не должны быть статичными, потому что я также изменяю размеры div и изменений размера шрифта. Я не знаю значения fontsize при смене экрана. Спасибо –

+0

Вы можете изменить его на размер шрифта на основе% в зависимости от родительского элемента? Например. 80% 'p.parent' –

Смежные вопросы