Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

Change vh size when phone/tablet is rotated?
https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=4516
Page 1 of 1

Author:  BillH [ 17. Jan 2018, 05:28 ]
Post subject:  Change vh size when phone/tablet is rotated?

I've got a page at http://rezility.rocks/banner2.htm I'm importing into the home page of the same website ( http://rezility.rocks ).

For mobile, I'm using 20vh for the size. Is there a way to have 20vh used when the phone/tablet is vertical, but 80vh when the phone/tablet is horizontal? It would solve a lot of problems.

Author:  TinyWebGallery [ 17. Jan 2018, 09:11 ]
Post subject:  Re: Change vh size when phone/tablet is rotated?

you can do this with css and media queries:

@media (orientation: portrait) { }
@media (orientation: landscape) { }

you can do this in your main css or you create an additional one on the "add/include files" tab and include it there.

Best, Michael

Author:  BillH [ 17. Jan 2018, 17:25 ]
Post subject:  Re: Change vh size when phone/tablet is rotated?

That would be great, but what is the css that goes in there?

EDIT: Nevermind, worked perfectly, thanks!

Page 1 of 1 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/