CSS 픽셀이 분수 일 수 있습니까?

CSS px는 분수가 될 수 있습니까 ? 표준에서 허용합니까? 그렇다면 주요 브라우저에서 지원합니까?

문서와 함께 답변을 뒷받침합시다.

css w3c

— Kees C. Bakker
소스

:-) 직장에서 토론에서이 질문에 유래를 @MetalFrog

— 키스 C. 바커

아이러니하게도 저는 최근에 jQuery UI 정렬 가능한 그리드를 적절하게 레이아웃하기 위해 분수 픽셀을 사용해야했습니다. 자리 표시 자의 여백이 주변 항목의 여백과 같거나 1 픽셀 더 작 으면 끌 때 격자가 모든 위치로 이동합니다. 유일한 수정 사항 (그리고 브라우저 간 문제!)은 자리 표시 자의 여백을 0.5px로 줄이는 것입니다. 그런 다음 모든 것이 잘 작동했습니다. 사양이든 아니든 대부분 현학적 인 것이 든, 하루가 끝날 때해야 할 일을해야합니다.

— Chris Pratt

브라우저에서 1px 미만의 줄을 렌더링하는 방법에 대한 규칙이 있습니까? 표 테두리의 너비가 픽셀의 일부에 해당하는 많은 페이지 (HTML로 변환 된 Word 문서)가 있습니다. IE와 파이어 폭스에서 1px로 표시되지만 테두리는 크롬 내부에서 전혀 보이지 않습니다

— Andy

분수 나 소수에 관한 원래 질문이 있었습니까? 분수는 1/3이되고 소수는 .33 (반복)이됩니다. 수학적으로는 차이가 있습니다. 수학의 기술에 관심이 있다면 컴퓨터입니다.

— Mike

중복되지는 않지만 관련이 있음-렌더링에 의해

— Sandy Gifford

예, 분수 픽셀을 지정할 수 있습니다. 이것은 첫 번째 버전부터 CSS의 일부 였으므로 CSS를 전혀 지원하는 모든 브라우저에서 잘 지원되어야합니다.

참조 : CSS 2.1 : 4.3.2 길이

"길이 값의 형식 (본 명세서에서 <length>로 표시됨)은 <숫자> (소수점 포함 또는 제외) 바로 뒤에 단위 식별자 (예 : px, em 등)가옵니다."

요소가 화면에 표시 될 때 대부분의 브라우저는 100 % 확대 / 축소 수준을 사용할 때 가장 가까운 픽셀로 자연스럽게 위치를 반올림합니다. 확대 / 축소 수준이 높으면 분수 픽셀 값이 인식됩니다.

— 구파
소스

@ KeesC.Bakker : 방금 추가했습니다. :)

— Guffa

문제는 다른 브라우저가 다르게 반올림

— 한다는 것입니다

주제에 대한 흥미로운 블로그를 찾았습니다 : ejohn.org/blog/sub-pixel-problems-in-css

— cboler

명확히하기 위해 분수는 1/3이고 소수는 .33 (반복)입니다. 나는 그것이 부분적으로 의미론 (수학 전공이 아니라 그렇지 않다)임을 인정하지만, 정답은 CSS가 분수 나 분수 픽셀을 지원하지 않는다는 것입니다. 그러나 십진 픽셀 값을 지원합니다.

— Mike

@Mike : 분수라는 용어는 소수 부분이있는 숫자 또는 10 진수로 표현되는 숫자를 지정할 수있는 십진수 용어처럼 다양한 방식으로 사용될 수 있습니다.

— Guffa 2015