CSS - 수직/수평 라인이 서로 다른 두께

Question

내가 자동으로 각도 2 응용 프로그램에서 생성 그리드의 어떤 종류를 만들려고 해요 그것은 다음과 같습니다

https://jsfiddle.net/Arcanst/ayv31363/3/

.vertical-line { 
    position: absolute; 
    width: 1px; 
    background-color: #3c8dbc; 
} 

.horizontal-line { 
    position: absolute; 
    height: 1px; 
    background-color: #3c8dbc; 
} 

나 ' 1px 와이드 div를 수직선으로 사용하고 1px high divs를 수평선으로 사용합니다. 불행히도 그들은 두께가 다른 것처럼 보입니다 (jsfiddle이 문제를 드러내지 않으면 어쩌면 파이어 폭스에서 발생했을 것입니다). 그들은 같은 CSS 클래스와 파이어 폭스의 도구를 가지고 있지만, 당신이 볼 수 있듯이

는 화요일과 수요일 사이의 수직 라인이 수요일과 목요일 사이의보다 두꺼운 : 여기에 내가 그것을보고하는 방법의 스크린 샷입니다 실제로는 같은 너비임을 보여줍니다. 동일한 문제는 수평선에서 볼 수 있습니다.

어떻게 이런 일이 일어나지 않도록 할 수 있습니까? 수직/수평선에 대해 다른 접근 방식을 사용해야합니까?

안부, 다니엘