Replacing px with vw/vh

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
spoon
 
 
Posts: 129
Joined: Thu Oct 26, 2017 9:23 am

Replacing px with vw/vh

Post by spoon » Mon Dec 30, 2019 3:42 pm

Can I replace px with vw / vh?

User avatar
Pablo
 
Posts: 20900
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Replacing px with vw/vh

Post by Pablo » Mon Dec 30, 2019 4:03 pm

Layout grids and flexbox produce flexible layout.
Layers, layout grid and flexbox support 100vh.

Image

User avatar
spoon
 
 
Posts: 129
Joined: Thu Oct 26, 2017 9:23 am

Re: Replacing px with vw/vh

Post by spoon » Mon Dec 30, 2019 4:15 pm

Can font-size for text be set in vw?
Is it even possible to move away from px?

User avatar
Pablo
 
Posts: 20900
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Replacing px with vw/vh

Post by Pablo » Mon Dec 30, 2019 4:38 pm

Font sizes of built-in are always in pixels otherwise the layout would not be WYSIWYG.

However, there are a few extensions with flexible text sizes.
http://www.wysiwygwebbuilder.com/fittext.html
http://www.wysiwygwebbuilder.com/flexibletext.html

I never did get any feedback for those extensions so I guess there are not many users who find this useful.

User avatar
spoon
 
 
Posts: 129
Joined: Thu Oct 26, 2017 9:23 am

Re: Replacing px with vw/vh

Post by spoon » Mon Dec 30, 2019 4:46 pm

To date, the "responsive design" on relatively units is very popular and does not require a breakpoint https://kvartirremont.com.ua/. Pablo would be cool to make a blog for the vw / vh version

User avatar
Pablo
 
Posts: 20900
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Replacing px with vw/vh

Post by Pablo » Mon Dec 30, 2019 4:53 pm

This website does use breakpoints (media queries).
Basically, you can do the same with layout grids.
The flexibletext extension can be used to create flexible headings. It uses the vw unit for the font-size.

Post Reply