jQuery UI调整文本大小取决于父div和屏幕大小

Question

I am using gridstack.js in one of my projects and there are 3 resizable and draggable divs on the grid.
I would like to resize text in p and h3 tags in these divs and save fontsize values when I resize parent div. I can do this like this: Can text be resizable using jquery-ui?

But what should I do when the screen changes? For example, I am using small screen and after I resize one of the divs, p fontsize may be 12px. When I use large screen what should be fontsize of p tag? How can I adjust this?

Thanks

Answer 1

You could just use a @media rule to run each rule depending on the screen width. http://www.w3schools.com/cssref/css3_pr_mediaquery.asp