主页 / 问题 / 928615
Accepted
Victor Gorban
Asked:2020-01-05 16:42:48 +0000 UTC2020-01-05 16:42:48 +0000 UTC

响应式工具在浏览器中是如何工作的？

  • 772

我有一个宽度为 1910 像素的主体。但是当我打开开发者工具并将那里的宽度设置为 1910 像素时，我只看到了我的一部分布局。为什么？为什么我在 css 中指定的像素与响应式工具中的像素不匹配？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;
}

截屏： 在此处输入图像描述

css

1 个回答

  1. Best Answer

    这是你检查的方式...

    只有我在这里以更高分辨率检查过

    <!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>

    • 1

相关问题