2016-03-24 6 views
0

Ich verwende gridstack.js in einem meiner Projekte und es gibt 3 größenverstellbare und ziehbare divs.
Ich möchte Text in p und h3 Tags in diesen divs Größe ändern und fontsize Werte speichern, wenn ich Elternteil div. Ich kann das so tun: Can text be resizable using jquery-ui?Jquery UI Größenänderung Textgröße hängt von Eltern Div und Bildschirmgröße

Aber was soll ich tun, wenn der Bildschirm ändert? Zum Beispiel benutze ich einen kleinen Bildschirm und nachdem ich eine der divs angepasst habe, kann p fontsize 12px sein. Wenn ich einen großen Bildschirm verwende, sollte die Schriftgröße des p-Tags sein? Wie kann ich das einstellen?

Dank

Antwort

0

Sie könnten nur eine @media Regel verwenden, jede Regel abhängig von der Bildschirmbreite zu laufen. http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

+0

Hallo, Sie wissen, dass divs in gridstack in der Größe veränderbar sind und auch Texte Größe ändern, wenn Divs Größe ändern. Zum Beispiel kann ich Schriftgröße einstellen: 12px für '@media' max-width: 480px und font-size: 16px für '@media' max-width: 960px. Aber wenn ich ein 6-Block-Width div (im gridstack) habe, sollte der Text in den 480px- und 960px-Bildschirmen anders aussehen. Und diese Werte für die Schriftgröße sollten nicht statisch sein, da ich auch die Größe von divs und font-size verändere. Ich kenne den Schriftgrößenwert beim Screen Swap nicht. Danke –

+0

Sie könnten es in eine% basierte Schriftgröße abhängig von einem übergeordneten Element ändern? Z.B. 80% von 'p.parent' –

Verwandte Themen