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.

How to prevent mobile device to resize and use proper css file

to prevent horizontal scrolling in my web pages, I have used 3 different stylesheets for mobile, tablet, and desktop devices. I …

android html css media-queries screen-size
Bootstrap 3 with respond.js and html5shiv.js still not working on IE8

I have a website which is running Bootstrap 3 and working perfectly on all browsers except IE8. It's the problem where …

internet-explorer-8 media-queries twitter-bootstrap-3 html5shiv respond.js
Exact NOT(Inverse) of CSS Media Query

What is the exact "NOT" of the following CSS media query ? @media only screen and (device-width:768px) Just to add, …

html css w3c media-queries
How to make an image link to a phone number only on mobile using CSS and HTML?

Instead of just having text for example If I do <a href="tel:18001234567">1-800-123-4567</a&…

html email css media-queries tel
Retina display image resolution using media queries

What is the best way to use media queries to both detect a retina display and also specify max-width? I …

css media-queries retina-display
Media Query to differentiate Google Pixel 1/2 vs Google Pixel XL vs Google Pixel 2 XL

Im writing a cordova app and need to isolate these google phones to adjust styling given this: Im struggling to …

android media-queries google-pixel
How to use Media Queries inside a React Styled Components Keyframe?

I can get media queries to work properly inside a regular styled-components component however when I attempted to use it …

reactjs media-queries css-animations styled-components keyframe
less CSS parse error: media definitions require block statements

I'm using codekit to compile my Bootstrap LESS files and i keep getting this parse error on media queries that …

css twitter-bootstrap less media-queries codekit
Modernizr Media query doesn’t work when resize browser

I use a Modernizr media query in JavaScript to change an element margin and add a class "small". My Modernizr …

javascript jquery media-queries modernizr
Defining CSS media queries within selectors

Are there any issues (performance is my primary concern) if instead of defining css selectors within media queries (example 1), you …

css less media-queries