How to detect the device orientation using CSS media queries?
In JavaScript the orientation mode can be detected using: if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; … Read more
media-queries
Media Queries – In between two widths
I’m trying to use CSS3 media queries to make a class that only appears when the width is greater than 400px and less … Read more
$(window).width() not the same as media query
I am using Twitter Bootstrap on a project. As well as the default bootstrap styles I have also added some of my own … Read more
CSS @media print issues with background-color;
I’m new here at this company and we have a product that uses miles of css. I’m attempting to make a printable stylesheet … Read more
Why are my CSS3 media queries not working on mobile devices?
In the styles.css, I am using media queries, both of which use a variation of: /*–[ Normal CSS styles ]———————————-*/ @media only screen … Read more
How to detect if the OS is in dark mode in browsers?
Similar to “How to detect if OS X is in dark mode?” only for browsers. Has anyone found if there is a way … Read more
@media media query and ASP.NET MVC razor syntax clash
I’ve got a large site that runs in ASP.NET MVC using the Razor view engine. I have a base stylesheet which contains all … Read more
What does @media screen and (max-width: 1024px) mean in CSS?
I found this piece of code in a CSS file I inherited, but I can’t make any sense out of it: @media screen … Read more
What is the difference between max-device-width and max-width for mobile web?
I need to develop some html pages for iphone/android phones, but what is the difference between max-device-width and max-width? I need to use … Read more
CSS native variables not working in media queries
I am trying to use CSS variables in media query and it does not work. :root { –mobile-breakpoint: 642px; } @media (max-width: var(–mobile-breakpoint)) … Read more