質問編集履歴

1 ソースを<code>で囲みました。

ComachMono

ComachMono score 10

2017/01/06 11:42  投稿

chromeのデバッグツールで見ると、borderが小数点になる
chromeのデバッグツールで計算されるborderの数値が、
なぜか小数点になってしまいます。
■サンプル(抜粋)
```ここに言語を入力  
.hoge{
   width:100px;
   height:100px;
   border:1px solid #000;
}
<div class="hoge">hoge</div>
```  
デバッグツールのElememts->stylesで見ると、
borderが、0.8pxになっている。
4の倍数の数値を、上記のborderに記述すると、デバッグツールも同じ数値になる。
なぜか、教えてください。
chromeのバージョン
55.0.2883.87 m
■サンプル全体
```ここに言語を入力  
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
.hoge{
   width:100px;
   height:100px;
   border:1px solid #000;
}
</style>
</head>
<body>
<div class="hoge">
hoge
</div>
</body>
</html>
</html
```>
  • CSS

    10683 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • Chrome

    1094 questions

    Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る