계산기를 올바르게 사용하는 방법은 무엇입니까?

Question

아아아아

그리드에는 두 개의 항목이 있습니다. 하나는 424px이고 다른 하나는 608px입니다. 나는 그들이 반응하기를 원합니다. 그러나 패딩과 간격으로 인해 시각적 오류가 발생할 수 있습니다. 그래서 계산된 백분율을 원합니다:

논리: ((424px / (div의 전체 너비 - 30px)) * 100%) 그러면 div는 항상 너비 크기를 조정합니다

도와주세요. CSS 유효성 검사기에서 보고한 문제는 다음과 같습니다. "피연산자는 숫자여야 합니다."

이 일을 4시간째 하고 있습니다: {

Answer 1

사용하는 값에 따라 이렇게 하는 것이 맞는 것 같습니다. 반응형이며 기본적으로 30px 간격을 두고 동일한 크기입니다. 귀하의 솔루션은 특히 반응 측면에서 너무 복잡하고 취약하다고 생각합니다.

당신의 전화번호:

• 30px 간격
• 첫 번째 열 너비 424px
• 두 번째 열 너비 608px
• 기본 전체 너비: 1062px

이 비율은 대략 40~60% 정도입니다. 4fr 6fr或者更好的2fr 3fr를 사용하는 것은 충분히 가까워야 합니다.

으아악 으아악

원하신다면 424fr 608fr를 사용하여 더 가까워질 수 있습니다. 이것은 홀수이지만 찾고 있는 정확한 값이 됩니다. 전체 너비 중 첫 번째 열에는 424점, 두 번째 열에는 608점을 사용합니다. 그런 다음 간격을 추가하십시오.

으아악 으아악