Tagged 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. They are part of the W3C CSS3 specification.

I'm starting to develop SDK. It's a good practice to call widgets in iframes. The sites's owner adds a single script which inserts an iframe according to an anchor, and of course all other assets are ...

using media queries @media (min-device-width:1024px) if we give like this,it will check whether width is atleast 1024px or not.Is there any way that we can use the device-width in our css,in order to ...

Smartphone technology has without a doubt increased over the past few years. Some of the newer smartphones have extremely vivid and impressive high definition screens, but when it comes to programming ...

I am trying to work out a media query for small screens and so far I couldn't manage to get it working. The .bg-img has been clashing with the display of the text when I code in its attributes in CSS ...

I was using the media queary proprieties but I can't make it work for the "height" value.
About the "width" value it's working perfectly but the code do not affect the height of the div at all, just ...

I have a basic section with a simple CSS property margin-right=20px;.
Now, when I'm configuring a media query for that same section, I want to remove the margin-right property. How can it be removed?
...

I'm trying to understand why the min-width: 600 media query below would overwrite the min-width: 768media query.
I know that 600px comes later in the CSS file which could be a reason, but surely only ...

I encountered a strange problem while working on a test page. We're working on coming up with a new style for the website but it needs to work for mobile so I went with media queries.
Note: fmu is a ...

I've got a problem with my media queries. On my website I am using a frameset to show a form. This form is created in a asp (classic) file and also has its code in it.
In my first attempt to launch ...

I am displaying the wordpress posts on my blog index page in a masonry layout. I also have the masonry activated on footer, to display the wordpress footer widgets in a masonry layout.
So basically ...

I am using the official Sass port of Twitter Bootstrap 3.3.3.
What I am trying to do is shrink the height of the navbar when the window is resized. Below is my media queries, however they don't work ...

I am working on CSS that switches between layouts for desktop, tablet and phone at various breakpoints expressed as window widths in pixels
@media screen and (min-width: 350px) and (max-width: 700px) ...

I'm new to using less and I am either using it wrong or don't understand the mobile first concept in regards to media queries with bootstrap.
How can I change the css class names to custom names so I ...

I was wondering if I could use media queries to render different UI control based on screen-size. I would like to use radio control to collect survey questions for desktops and tablets, and dropdown ...

I am using @viewport CSS3 (since viewport meta is not flexible enough for me).
My design is 960px width.
When I use the Google Chrome Dev tools and simulate Samsung S4, this works perfectly.
When I ...

I've been converting my forum to responsive design using Bootstrap but I', seriously struggling with typography. Even though the font is in EM, on tablet devices, the font size ends up looking a lot ...

I am trying to make a wordpress site mobile responsive for phone, tablet, and desktop. For some reason the media queries are being ignored on some spots on my desktop version of the site. Instead of ...

I was looking for a way to disable prettyphoto lightbox on mibile devices or any other small screens and after spending hours by trying different script, I discovered a very simple way to do that with ...

I'm using CSS media queries to display a mobile menu instead the standard menu when the viewport initially is under 900 pixels. The menu is a combination of CSS media queries and some JavaScript (the ...

Two column display, left column has important stuff - right column not so important.
What I want on mobile with a device-width smaller than X is -
left column has width set to the device-width
right ...

Like many people I suspect, I have an existing website that I am trying to modify so it works well on much smaller mobile screens. I am happy to make a great deal of concessions in order to do this. ...

I need to disable the hover effect/selector of a button, on mobile (by media query).
I have 20 or so CSS lines for :hover so cancelling them one by one is not an option.
pointer-events isn't either ...

I'm trying to create a responsive/adaptive webpage. I'm shrinking the desktop browser size and it does not have the same layout as the mobile browser. They are both using the same media query because ...

I have a header with varying height by media queries. When I resize window on FF or even IE, it applies new height value immediately. The problem is, that Chrome only does it on browser refresh. It ...