Search code examples
screen-resolution

Website elements are getting hidden at 125% Recommended laptop zoom

A project that I've been working on, has elements in a scroll. Like this below -

enter image description here

But, certain laptops come with 125% recommended zoom for 1920 X 1080 resolution -

enter image description here

When used that 125% recommended zoom, the elements in the scroll gets hidden, obviously.

enter image description here

Any solution for this?

Solution

  • The below media query will give some relief to the issue. 

    @media only screen and (min-device-width: 900px) and (max-device-width: 1600px) {
   Add styles here.
}