Why doesn't the site scales?

I have some hard stupid. Is there a website with a width of 2000px and do NOT need to adapt. That is, open with the tablet, and it is the same as on a large monitor, and so on.
But when I open the monitor, for example 1200px, it shows part of the site, and the remaining 800px hidden appears on the right and horizontal scrolling.
How to make a website how would smasshtabirovannogo and fit in your 2000px 1200px monitor or any other?

PS no meta tags are not spelled out.
P. P. S. do not only here to advise width=device-width(it is not about something else) and initial-scale=1.0
June 27th 19 at 15:35
1 answer
June 27th 19 at 15:37
But when I open the monitor, for example 1200px, it shows part of the site, and the remaining 800px hidden appears on the right and horizontal scrolling.

Logically, that's what he italgen to behave.
Or where is he supposed to do with these newlease 800?

Is there a website with a width of 2000px and do NOT need to adapt.

He adjusts.

You just did and you need to adapt. I.e. took 100% of the width. Savita relative sizes.
To adapt the width(what you propose) means to change the width of the site. And that I do not need.
But to scale the site to contain 2000px 1200px is quite another. Like, poke ctrl - to zoom out. That is, the nominal width will remain 2000px, but decrease the page zoom. - zetta commented on June 27th 19 at 15:40
: How lovely - Elmer.Upt commented on June 27th 19 at 15:43
:
Option 1: Ask all dimensions in vw and vh
Option 2: Learn js window width, divide by 2000 and to indicate the scale. It will look very doubtful, too.

Option 3, sane: remembering the geometry includes logic and set max-width to 2000px, width 100% and adapt the other elements so that all were convenient seen.

width=device-width will not help, will only fit width=2000, but only for mobile, for desktop this tag is not valid. - Elmer.Upt commented on June 27th 19 at 15:46
let's say there is css zoom property, which does something similar, but it is poorly supported.
And there are Internet sites that are not adaptive and you open them with cellphones 320px and they are displayed in all their wide and have zoom-in to somewhere to lay. Here should be the same. - zetta commented on June 27th 19 at 15:49
: at these sites is just is a meta tag with initial the scale - Jonathon84 commented on June 27th 19 at 15:52
either spelled out media-queries in CSS for adaptability - Jonathon84 commented on June 27th 19 at 15:55
: Yes, exactly as written or the viewport or adaptability.

And there are Internet sites that are not adaptive and you open them with cellphones 320px and they are displayed in all their wide and have zoom-in to somewhere to lay. Here should be the same.

Show. Let's see how they are made. - Elmer.Upt commented on June 27th 19 at 15:58

Found here( realtechnic.ru/), please come to the computer and mobile phones. The website will look the same, the nominal dimensions of the elements do not change, on a mobile phone he was just smasshtabirovannogo got a width of 1000px to 320px in my case - zetta commented on June 27th 19 at 16:01
if you reduce the browser width, then there is scrolling at the bottom
imgur.com/a/zCL5u

if you look at mobile, you'll have zazemlenie (because meta tag is not set, difolco it will be
<meta name="viewport" content="width=device-width">

), so the site Sumida. You can verify this by double-tap on the website.
imgur.com/a/bUo8v - Jonathon84 commented on June 27th 19 at 16:04
I also noticed that if you make a window on a computer of some type width 768px and update, it is not sumitta, but remains horizontal scrolling. But on mobile everything is OK. same with my website, on the computer horizontal scrolling and the site is clipped, with mobile phones it Sumida and breaks completely. - zetta commented on June 27th 19 at 16:07
: because this is the default behavior unless you override meta viewport - Jonathon84 commented on June 27th 19 at 16:10
okay, so how do I override the viewport, so no matter the computer or mobile fit the whole width/scale appropriately. Without changing the dimensions of the elements themselves, as with the example above - zetta commented on June 27th 19 at 16:13
:
<meta name="viewport" content="width=device-width">
- Jonathon84 commented on June 27th 19 at 16:16
: not working, and I have in the question is wrote. - zetta commented on June 27th 19 at 16:19
: play with the initial-scale - Jonathon84 commented on June 27th 19 at 16:22
Yes, I already that only have not tried. Looks like this browser behavior is not circumvented in any way. - zetta commented on June 27th 19 at 16:25
: meta viewport only works for mobile browsers.
Verstaile fine. - Elmer.Upt commented on June 27th 19 at 16:28
html,body {min-width: 2000px; width: 2000px; min-width: 2000px;} although it should be just width. viewport can be omitted 2000px you can also ask. - Jeffrey.Zulauf83 commented on June 27th 19 at 16:31

Find more questions by tags CSSJavaScriptHTMLjQueryWeb Development