Как работает инструмент Responsive в браузере?

158

23 июля 2019, 23:50

У меня есть body с шириной 1910px. Но когда я открываю инструменты разработчика и ставлю там ширину 1910px, я вижу только кусок моей верстки. Почему? Почему пиксели которые я указываю в css не совпадают с пикселями в инструменте responsive? css:

body {
background: green url(../../img/bgall-min.png) no-repeat;
width: 1910px;
/* background-size: 100vw; */
letter-spacing: 0.085em;
font-family: 'Roboto';
font-weight: normal;
}

Скриншот:

Answer 1

Вот так проверьте...

Только я проверял здесь уже на большем разрешении

<!DOCTYPE html> 
<html lang="en"> 
 
<head> 
  <meta charset="UTF-8"> 
  <title>Document</title> 
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 
  <style> 
    html, 
    body { 
      width: 2200px; 
      min-height: 100vh; 
      margin: auto; 
      background: url(https://user32265.clients-cdnnow.ru/originalStorage/41/e6/9f/19/41e69f19.jpg); 
      background-size: cover; 
    } 
  </style> 
</head> 
 
<body> 
 
</body> 
 
</html>