유체 격자의 배율이 올바르지 않습니다.

Question

유체 격자에 max-width이 1280px입니다.

5 열 설정 - grid2, grid4, grid6, grid8 및 grid10으로 구성됩니다.

전반적으로보기에는 좋지만 코드 (파이어 폭스와 구글 크롬으로 검사 됨)를 검사 할 때 가장 작은 지점 (grid2)은 높이가 한 픽셀 작습니다.

max-width에서 높이는 나머지 지점과 마찬가지로 320px 여야하지만 319px입니다.

제대로 작동하지 않습니다.

내 바이올린 참조 : 나는 당신의 도움이 수 있기를 바랍니다 http://jsfiddle.net/4ya94/

.grid2 { 
    width: 18.72%; 
} 

를 \ O/

Answer 1

이 서브 픽셀 렌더링 때문이다.

정의 된 div의 폭은 너비/높이 비율이

240px/320px = 0.75 그래서 높이가 당신이 타이밍 319px

로 내림 다음됩니다 239.616px/0.75 = 319.488px 될 것입니다 239.616px

입니다 1280px * 18.72%;입니다 : CSS2.1 사양의 섹션 10.6.1

'높이'자동차 '의 계산 된 값을 보유하고'높이 '의 사용 가치있는 요소는 극한 비를 갖는 경우 :

가

(used width)/(intrinsic ratio)