Question

编辑 该问题与box model，CSS border，padding，margin或其他无关

问题是与实际屏幕上看到的CSS pixel大小有关

该问题的评论者向我指出了正确的方向。概括起来：CSS个度量单位均不符合物理屏幕的实际尺寸

不久前我问过类似的问题。这个问题包括两个部分。回答问题的人在问题的第一部分就做了。现在，我要问最困扰我的那部分。

我做了一个简单的html页面

 <html>
<head>
<style>
 #box_200px {
  width: 200px;
  height: 200px;
  padding: 0;
  margin: 0;
  border: 1px solid black;
 }
</style>
</head>
<body>
 <div id="box_200px"></div>
</body>
</html>

该代码段的结果应显示200px宽的框。这是我对gimp的测量。

将其打开为gimp并用gimp度量，直到我知道实际的框宽为262px。

我在做什么错？如何将<div>布置为实际的200px？

我的系统是Linux Mint OS。我的浏览器是Chromium。

简单的200px <div>错误的屏幕尺寸

0 个答案: