CSS 축소 및 번들링은 calc에서 0px를 0으로 대체하므로 내용이 제대로 렌더링되지 않습니다.

Question

MVC 5.1 사이트에서 Microsoft.AspNet.Web.Optimization (1.1.3)을 사용하여 내 CSS를 번들 및 축소합니다. 해제 모드에서 0px 값을 0으로 바꾸면 렌더링 문제가 발생합니다. 어떻게 든이 동작을 멈출 수 있습니까?

이 CSS

최소 폭 : -webkit-CALC ((0 픽셀 240 픽셀 + + + 0 픽셀 550 픽셀 240 픽셀 + + 0 픽셀));

최소 폭 :

은으로 치환 -webkit-CALC ((240 픽셀 550 픽셀 + 0 + + 0 + 0 + 240 픽셀));

Answer 1

컴파스가 SASS를 CSS로 컴파일 할 때 이미 CSS가 축소 된 것을 감안할 때 변환을 제거하기로 선택했습니다.

private static void DontMinifyStyleBundles(IEnumerable<Bundle> bundles) 
{ 
    // SASS is already minified by compass at build time and the default asp.net minification 
    // causes 0px in calc() to be set to 0 which causes rendering problems. 
    foreach (var bundle in bundles) 
    { 
     bundle.Transforms.Clear(); 
    } 
}