skip to Main Content

So, I noticed Letterboxd resizes itself according to the screen size without distorting any feature of the site.

How can I apply this to my entire page? They kinda just zoom in and out…

enter image description here

enter image description here

I don’t have any idea of how they managed to do this, because for example, if I wanna customize my header I have to use display flex, and it automatically distorts the entire header when resizing the screen.

2

Answers


  1. Removing the viewport meta tag will make that the browser wont resize your page.

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    However, its worth to mention that this is more like a bad practice, you should care about your web responsiveness, also there is something named mobile first which basically, we start developing taking in care mobile and then the other devices

    Login or Signup to reply.
  2. Letterboxd is using a HTML viewport meta tag to control the viewport width, you can read more about it here. They are using:

    <meta name="viewport" content="width=1024">
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search