Question

我有以下HTML文件：

<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <style type="text/css">
    html,
    body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      background: #ffff99;
      /*moe*/
    }
    
    #map_border {
      width: 740px;
      height: 500px;
      margin: 0 auto;
      background: #000000;
    }
  </style>
  <div id="map_border">

  </div>
  </body>

</html>

我希望黑色矩形具有固定的宽度和高度，与屏幕分辨率无关。我甚至使用过汽车。

它适用于我的笔记本电脑中的一些原生屏幕分辨率，如1600X900,1280X720和1024X768，但不适用于高分辨率，如1920X1080，这也是原始分辨率和其他非原生分辨率。

1920X1080分辨率：

1600X900分辨率：

正如您所看到的，与1600X900相比，高分辨率1920X1080的矩形应该更小。我确保浏览器没有缩放。我查看了IE，Firefox和Chrome。一样。我想知道它的图形显示是否存在问题。

为什么没有固定的宽度高度的图像工作更高的分辨率，如1920X1080和非原生分辨率？

0 个答案: