@media media query and ASP.NET MVC razor syntax clash

by

use double @@ symbols. That will escape @ symbol and render @media correctly on client side

More Related Contents:

  1. What is the exact screen width and height of a phone? [duplicate]
  2. Media Queries: How to target desktop, tablet, and mobile?
  3. Can media queries resize based on a div element instead of the screen?
  4. What is the difference between max-device-width and max-width for mobile web?
  5. CSS @media print issues with background-color;
  6. Common breakpoints for media queries on a responsive site
  7. Nesting @media rules in CSS
  8. Should I use max-device-width or max-width?
  9. Common CSS Media Queries Break Points [duplicate]
  10. CSS media query to target only iOS devices [duplicate]
  11. What are the rules for CSS media query overlap?
  12. @Media min-width & max-width
  13. CSS specificity, Media Queries and min-width
  14. CSS media queries – Order matters?
  15. Responsive css styles on mobile devices ONLY
  16. Media query not working in IE9
  17. CSS media queries min-width and min-device-width conflicting?
  18. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  19. How to detect if the OS is in dark mode in browsers?
  20. How to reference a .css file on a razor view?
  21. Conditionally change CSS class in Razor view
  22. How to code CSS media queries targeting ALL mobile devices and tablets?
  23. How to control number of items per row using media queries in Flexbox?
  24. How do I combine two media queries?
  25. How do I add a class to an @Html.ActionLink?
  26. Media Query grouping instead of multiple scattered media queries that match
  27. Single vs multiple stylesheets in responsive web design
  28. @import styles not working in a media query
  29. Media queries and background images
  30. @media query not working in mobile. Works fine in Chrome

Leave a Comment