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.

Switching to Em-Based Media Queries

Now that the WebKit page-zoom bug has been fixed, what are the main reasons for using em-based media queries rather …

css responsive-design media-queries
Bootstrap Collapse Accordion - Default Expand/Collapse?

I'm using Twitter Bootstrap, with jQuery. According to the bootstrap docs, if you want the collapsible element open as default …

css twitter-bootstrap media-queries accordion collapse
Is it possible to nest media queries within media queries?

Is this possible? It seems like a neat solution to me, but I'm not sure if it will work. @media …

css media-queries
Bootstrap 4 media-queries mixins not working with Bootstrap 4 via CDN

I'm using bootstrap 4 connected via CDN, all works fine, but only mixins not working. I have this error in php …

sass gulp media-queries bootstrap-4 mixins
CSS specificity, Media Queries and min-width

I'm redesigning my blog with responsive web design in mind, and the "mobile first" method - In short I'm trying …

css media-queries css-specificity
Nesting Media Queries

By default I want to give my body element a green border. On a device that supports retina display I …

css responsive-design media-queries retina-display
Inconsistent font sizes on smart phone

I'm tweaking a web page so that it looks good on smart phones. I've declared a @media section in the …

css media-queries font-size smartphone
How to create new breakpoints in bootstrap 4 using CDN?

I use BootstrapCDN. Other styles written in sass and built by gulp. I need to create my own breakpionts. Is …

twitter-bootstrap sass media-queries frontend bootstrap-4
Media query in responsive email template

I need to build a responsive email template. I did my research and learnt that media queries are not widely …

css email media-queries html-email email-templates
Single vs multiple stylesheets in responsive web design

In short: Should you use one or multiple stylesheets when doing responsive web design? In detail: In responsive design, you …

css media-queries responsive-design