Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists Sub: th-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!
When I use 100vh, it looks different on each monitor. On a monitor in 4K resolution, the section is differently sized than on a monitor that is set to full hd. How do I get it to look the same on all devices?
You can solve this problem with aspect ratio css instead of vh or - and this is the better way - you edit your photo in max res 4k and give the section another background image everytime a new breakpoint comes in, as example: 4k breakpoint - 4k image, Full HD Breakpoint - Full HD image, Tablet - 1:1 ar image, Phone - 9:16 image. The problem with the fixed background image or css parallax is, that it isn't static on mobile devices, so you will never have this effect 1 on 1 on every device or screen (until it is possible with later browser versions).
![⭐ฮิตในTikTok!! ( มะมะมะหมูเด้ง MooDeng ) Ver. แดนซ์ ReMix BY [ ดีเจกิต รีมิกซ์ ]](http://i.ytimg.com/vi/4noyAoMa7bQ/mqdefault.jpg)
Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists
Sub: th-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html
Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!
When I use 100vh, it looks different on each monitor. On a monitor in 4K resolution, the section is differently sized than on a monitor that is set to full hd. How do I get it to look the same on all devices?
You can solve this problem with aspect ratio css instead of vh or - and this is the better way - you edit your photo in max res 4k and give the section another background image everytime a new breakpoint comes in, as example: 4k breakpoint - 4k image, Full HD Breakpoint - Full HD image, Tablet - 1:1 ar image, Phone - 9:16 image. The problem with the fixed background image or css parallax is, that it isn't static on mobile devices, so you will never have this effect 1 on 1 on every device or screen (until it is possible with later browser versions).
Great answer!
@@System22 Thank you very much! I hope, that it was understandable 🙈
Makes sense to me! Have a great day!