M
M
Maxim Kirilin2020-06-25 18:36:34
Screen resolution
Maxim Kirilin, 2020-06-25 18:36:34

How to remove wide site scaling for low resolution monitors and phones?

Good afternoon. The essence of the question is this: there is a layout of the site x96200yc.beget.tech . Since the design is designed for a wide screen format, namely 1915px (the body is set to a fixed width of 1915px), at small resolutions it scales accordingly and a side scroll appears.

It is necessary that the site simply move away on all devices and be the width of the screen, albeit very small.
I tried to change the viewport, but it did not bring any results. The only thing that helped was changing the transform scale property of the body depending on the screen resolution. But the customer did not like this option. They say the transformation will slow down the site, and of course he is right. It seems to me that there is an easier solution to disable scaling on all devices.

Here is a site that works as I need: https://csgo-happy2.ru.
To put it even more clearly, I want the site to fit in the browser window, but at the same time have a width of 1915px and, moreover, there is no scrolling.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
Dima Polos, 2020-06-25
@dimovich85

To begin with, remove the meta viewport, then it depends on the layout, if everything is fine there in terms of adaptability, then it will simply decrease.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question