백분율 세부정보 - 용기 크기_경험치 교환

화면에 표시할 수 있는 가장 작은 단위가 1px이기 때문에 773*50%=386.5와 같은 숫자로 길이를 선택해야 합니다.

테스트 페이지에는 일부 브라우저의 스크린샷 표시 너비도 포함됩니다.

IE: 반올림하여 계산합니다.

Firefox: 계산된 값은 소수 부분을 무시하지만 내부의 각 요소에 추가 길이를 할당합니다. 2*386=772와 같이 1px만 더 있으면 나머지 1px는 요소 중 하나에 할당되고 첫 번째 요소가 먼저 할당됩니다. 예를 들어 773px가 두 개의 50%에 할당되면 결과는 다음과 같습니다. 387px 및 386px, 4개에 할당됨 25%에서 결과는 194px, 193px, 193px 및 193px이며, 773*33.3%=257.409, 773*33.33%=257.6409와 같은 몇 가지 추가 픽셀이 있습니다. 무시되는 소수가 다르고, 분포 원리도 다릅니다. 다음은 내 추측입니다. 반올림에 따라 3개의 요소가 먼저 할당되고, 5번째 요소가 할당됩니다. 처음 2개, 3개 요소는 3개로 할당됩니다. 요소 위에는 추가 부분이 자유롭게 할당됩니다. 규칙을 찾을 수 없지만 첫 번째 요소는 반드시 할당됩니다.

FF에는 이상한 점이 있습니다. Firefix 테스트 페이지. 1024 너비는 자동으로 할당되지 않습니다. 아마도 외부 레이어에도 소수점이 있기 때문에 1px가 할당되지 않을 것입니다. 그런 다음 Firefox

Opera 및 Safari2를 테스트하세요. 계산 중에 백분율의 소수 부분이 무시됩니다. 계산된 값은 소수 부분을 무시합니다. 내부 요소가 계산된 너비보다 크면 후속 요소가 줄 바꿈되지 않습니다.

Netscape & Mozilla: 계산 후 소수점 무시. 추가 부분은 Firefox와 약간 유사하지만 추가 부분이 더 투명하게 표시되며 예를 들어 33.33%*3=99.99%가 이상합니다. 100% 미만, 100% 초과는 이상한 브라우저입니다. 다행히 사용하는 사람이 많지 않으니 이 두 브라우저에 대해서는 너무 걱정하지 마세요.

테스트가 완료되지 않았습니다. 관심 있는 친구가 테스트에 도움을 줄 수 있습니다. 이유를 아는 사람은 누구나 알려줄 수 있습니다.