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