Width = 70% viewport

[Sunamena]

Greetings,



Question 1: I want a width of example: 70% on my viewport, resizing will not alter the wiidth. I tried 70vw, but this did not do the trick. How can i achieve this?

Question 2: When my screen gets smaller, I want to change the % used on certain DIV widths, how can I achieve this?


Thanks in advance =D

[dsonesuk]

You cant change viewport width of a device :-), only html elements, any element given 70vw will always be 70% of total width device viewing area.

 

You would have use media queries to adjust percentage width depending of device viewport width.

[James_Purcell]

I used media query's on mine to "Pad" the screen edges which saves a lot of coding.

 

what is vw?

[dsonesuk]

vw = viewport width

vh = viewport height

 

70vw, 70vh = 70% width and height of viewport area size.

[James_Purcell]

vw = viewport width

vh = viewport height

 

70vw, 70vh = 70% width and height of viewport area size.

 

Ah thanks, more modern secret codes.