2013-06-20 3 views
1

CSS3에서는 calc 함수로 작업을 수행했으며 인터넷에서도 거의 모든 브라우저와 호환됩니다. Google 크롬에서만 작동합니다. Mozilla Firefox에서 작동하도록).CSS3 calc 함수는 Google 크롬에서만 작동합니다.

http://jsfiddle.net/rYFNj/

내가 당신의 문제는 당신이 td로 그것을하려고하는 사실과 생각 :

td{ 
     border:1px solid black; 
     width: -moz-calc(100%/5); 
    } 
+0

에 Y를 그것이 행의 폭이 소요될 것이다 ou는 어떤 html도 가지고 있습니다. – Pete

+0

-moz-calc는 http://www.browsersupport.net/CSS/-moz-calc()에 따라 Mozilla에서만 지원됩니다. 'calc (100 %/5) '를 의미하지 않았습니까? – dKen

+0

접두사 요구 사항을 포함하여'calc()'에 대한 브라우저 지원 차트는 [CanIUse] (http://caniuse.com/#feat=calc)를 참조하십시오. – Spudley

답변

1

파이어 폭스에서 나를 위해 작동하는 것 같다 :이처럼 그 라인 모습입니다 이러한 정상적인 블록 요소들과 다르게 동작

Please note thought that Mozilla still considers this to be experimental

+0

** - moz ** 속성은 Mozilla CSS Extensions에 속하며, 다른 브라우저에서는 지원하지 않을 수도 있습니다. –

+0

@NK 내 답변에서'-moz'에 대한 참조를 볼 수 있습니까? 그리고 이전 버전의 게코 렌더링 엔진 – Pete

+0

을 실행하지 않는 한 다른 브라우저에서는 지원되지 않습니다. '파이어 폭스에서 나를 위해 일하는 것 같아서'라고 말했기 때문입니다. -moz 확장은 항상 firefox에서 작동합니다. –

관련 문제