media-queries Archives

Browser, Programming

IT Nursery

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; ...

June 4, 2022
0 Comments

CSS, Programming

IT Nursery

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 ...

June 3, 2022
0 Comments

jquery, Programming

IT Nursery

$(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 ...

May 31, 2022
0 Comments

CSS, Programming

IT Nursery

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 ...

May 29, 2022
0 Comments

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: /*--...

May 25, 2022
0 Comments

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 ...

May 24, 2022
0 Comments

@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 ...

May 24, 2022
0 Comments

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 ...

May 23, 2022
0 Comments

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 ...

May 22, 2022
0 Comments

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)) ...

May 20, 2022
0 Comments