Почему Firebug в Firefox показывает "border-width: 0 1px 1px", а Computed Style показывает 1.1px? - PullRequest
2 голосов
/ 28 октября 2010

Firebug показывает, что стиль:

#summary-border {
  background:url("/images/gamma/backgrounds/product.gif") repeat-y scroll right bottom transparent;
  border-color:#D0D0D0;
  border-style:solid;
  border-width:0 1px 1px;
  display:inline-block;      /* this one is shown to be overridden */
  overflow:hidden;
}

Но вычисленный стиль показывает border-right-width как 1.1px!?!?(border-left-width также)

( Обновление: мой коллега только что сказал мне, что это происходит только на Firefox на Mac, но не на Linux или ПК. И Firefox, который я использую, являетсяпоследний из них: Firefox 3.6.11)

Это не проблема, за исключением того, что ширина этого div теперь увеличивается до 957.8px вместо 958px, а другим плавающим divам нужно 958px, поэтому большая панель может 't float (из-за того, что он на 0,2px короче, чем нужно, и этот div заключен в другие плавающие div)


(подробнее:)

Исходный код в файле css:

#summary-border {
  overflow: hidden;
  display: inline-block;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #d0d0d0;
  background: transparent url("/images/gamma/backgrounds/product.gif") repeat-y bottom right; }

1 Ответ

1 голос
/ 28 октября 2010

Px в CSS не описывают абсолютные пиксели экрана.На них влияет плотность отображения.Вы можете прочитать о деталях в CSS-spec .

...