שאלת CSS - מתיחת כותרת מקצה לקצה

[s a m p i]

שאלת CSS - מתיחת כותרת מקצה לקצה

היי,

אני רוצה שכותרת (H1) קבועה תגיע מקצה לקצה של הגריד של האתר.
הגדלתי את הפונט והשתמשתי גם ב letter-spacing בכדי להשיג זאת. העניין הוא שזה משתנה מדפדפן אחד לשני - בכרום למשל זה נראה בסדר אבל בפיירפוקס הכותרת "נשברת" לשתי שורות.

איך אני פתר את זה בפשטות?
האם יש צורך בשימוש ב JS עבור זה?
תודה

 

[rj111]

מספיק CSS

השתמש בגודל פונט ומרווח ביחידות vw שפרופורציונרליות לגודל החלון:
https://jsfiddle.net/ftsbx0gn/#&togetherjs=tAmob85U92

 

[s a m p i]

תודה. ה vw היה חדש לי...

 

[bennysg]

זה עדיין לא נתמך במלואו על ידי רוב הדפדפנים

השתמש fitText.js