Top "Media-queries" questions

Media queries enable the conditional application of CSS styles based on media types, such as screen and print, and the conditions of media features, such as viewport and device height and width.

Fancy Media Queries with some LESS Magic

It would be nice to wrap css-styles for different resolutions within some css-classes using less. I'd like to do something …

css responsive-design less media-queries
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: …

css media-queries css-variables
CSS Media Query - Soft-keyboard breaks css orientation rules - alternative solution?

I am working with multiple tablet devices - both Android and iOS. Currently I have following resolution variations for all …

android css media-queries
HTML sections 100% height of viewport

I'm trying to build a one page website with sections (5). I'm trying to make each section 100% width and height of …

javascript html css web media-queries
show/hide div based on browser size using ONLY css?

I am a trying to get some divs to show/hide based on browser size, using only css media queries... …

css media-queries media show-hide
Media Queries for Different zoom Levels of Browser

I am a newbie to responsive design using CSS3 media queries. I clearly understand how we target different devices using …

html css responsive-design media-queries
Media query not working in IE9

I'm having a strange problem that only occurs with IE9. I'm working on a web page that has a desktop …

css internet-explorer-9 mobile-website media-queries
@media query not working in mobile. Works fine in Chrome

I am trying to get this working but somehow its not working in mobile. when i use chrome tool to …

css google-chrome media-queries
Media queries not working inside an iframe

I have in a webpage which is responsive. It makes use of media queries. But the same page loaded in …

html css iframe media-queries
iPhone XR / XS / XS Max CSS media queries

What are the correct CSS media queries used to target Apple's 2018 devices: iPhone XR/XS/XS Max ?

css iphone media-queries