Asp.net mvc 4 incorrectly resolves css media requests

Question

I am using ASP.NET MVC 4 and Microsoft.AspNet.Web.Optimization '1.1.2' after minimizing this media query:

@media (min-width: 1025px) and (max-width: 1599px) { #circles_inner { width: 1080px; margin: auto; } }

I get this css:

 @media(min-width:1025px)and (max-width:1599px){#circles_inner{width:1080px;margin:auto}}

space is omitted to

and

The new version of chrome on mac does not understand this.

This is a truly viable update for Google Chrome. This is just the more rigorous syntax of media queries. The solution for MVC projects can be found here: http://i-skool.co.uk/net/mvc/mvc-bundling-and-minifcation-issues-with-google-chrome/

+7

css google-chrome media-queries asp.net-mvc-4 bundling-and-minification

Sandro adamia Nov 29 '13 at 21:04

source share

No one has answered this question yet.

See related questions:

453

What is the difference between “screen” and “single screen” in multimedia queries?

424

Media Queries: How do I target desktops, tablets, and mobile devices?

325

CSS Media Requests: Maximum Width or Maximum Height

137

@media media query and ASP.NET MVC firewall syntax collision

3

ASP.NET MVC 4 JS MVC Error

one

ie9 request device width

0

Minimum width media query not working in Chrome

0

CSS media query latency in Chrome?

0

Media Requests + Browser Scaling

0

Firefox Bootstrap at Breakpoint for Mac Media Queries