왜 여백 : 2.5px가 작동하지 않습니까? 이 문제를 해결하는 방법

Question

왜 margin:2.5px가 작동하지 않습니까? 내 코드의 한 상황에서 IE2 조건부 CSS에서 margin:2.5px을주고 IE의 이중 여백을 해결하고 내 기본 CSS가 인데 IE6 css margin:2.5px과 margin:2px이 동일한 여백을 만드는 경우. 다음 두 브라우저에서 동일한 margin을 얻는 방법?

이

이 내가 #newsHeadline LI를 쓰고 있어요 조건에서 CSS 코드의 기본 화면 CSS

#newsHeadline LI 
{font-weight: bold; 
list-style-position: inside; 
font-size: 13px; 
margin: 5px 0px; 
width: 320px; 
line-height: 
normal; list-style-type: disc; 
position: relative} 

의 코드 {margin: 2.5px 0px}

편집 : 2.5 : 2월 15일

여백 경우 px는 브라우저 IE와 FF 모두에서 동일한 여백을 얻는 방법을 누른 다음 작동하지 않습니다? 다른 방법이 있습니까?

Answer 1

px은 가능한 최소 단위입니다. 너 진짜로 나눌 수 없어 one display point, 너?

수정 : 문제가 있다면 배경 (예 : 다른 색상)에 간섭이 없다면 IE6 대신 여백 대신 padding을 사용해보세요.

Answer 2

픽셀은 화면에 표시되는 가장 작은 단위입니다. 더 작은 크기는 표시 할 수 없으므로 화면에 분수 픽셀 위치에 항목을 배치 할 방법이 없습니다.

Answer 3

항상 상자를 display: inline으로 설정할 수 있지만 항상 원하는 것은 아닙니다. 이중 여백은 블록 수준 요소에 영향을줍니다.

@Andrew Moore가 메인 스타일 시트에서 이것을 사용하면 나중에 증명되지는 않을 것이고 은 IE6 스타일 시트에 포함되어야한다고 지적했습니다. 감사.

또한 경우에 따라 여백 대신 여백을 사용할 수 있습니다. 여백은 두배가 아니기 때문입니다. 그러나 패딩은 레이아웃 및 상자 모델의 다른 속성에 영향을줍니다.

Answer 4

왜 여백 : 2.5px가 작동하지 않습니까?

다른 사람들이 이미 지적한 것처럼, 정의상 픽셀은 정의상 가장 작은 단위이므로 더 이상 정의 할 수 없습니다.

그러면 브라우저에서 동일한 여백을 얻는 방법은 무엇입니까?

일반적인 수정 프로그램은 해당 요소에 display: inline;을 설정하는 것입니다. 사실, 일부 브라우저는 알려진 부작용이 없기 때문에 모든 부동 소수점에 인라인 수정을 적용하고 수정 사항이 IE5 및 IE6에만 적용되는지 (예 : 조건부 주석 사용) 확인해야합니다.

Answer 5

많은 사람들이 픽셀이 분할 할 수 없다고 제안했기 때문에 분수 픽셀 값은 의미가 없으므로 CSS standard은 분수 값을 제외하지 않습니다. 실제로 고해상도 장치를 사용하면 CSS 픽셀 단위 은을 더 많은 수의 장치 별 요소에 매핑해야합니다.그러므로 나의 책은 2.5px이 이 아니어야한다. 특히이 틀림 없다. 인터넷 익스플로러에서 뭔가 유용한 것을하기 위해 의지 할 수 없다.

Answer 6

픽셀의 불가분성 : 최신 브라우저의 확대/축소 기능에는 "논리적 픽셀"이라는 개념이 있습니다. 그리고 분수 픽셀을 사용해야 할 수 줌의 스마트 충분히 구현 ...

Answer 7

당신은 아마 사이에 공간을 기억하지 물고기 수정

<ul 
><li>content 1</li 
><li>content 2</li 
></ul> 

을해야하는 각 UL/OL 또는 리튬