For a responsive template, I have a media query in my CSS:  @media screen and (max-width: 960px) {  body{  /*  something */  background:red;  } }   And, I made a jQuery function on resize to log width:  $(window).resize(function() {  console.log($(...

This question already has answers here:...

I am allowing my users to print but the output is way too large (I have to manually adjust to about 60% in the print dialog). I use a css media query (below) to control the content and have tried changing the font-size of the html, body{}without any...

I find the following JS solution to having text resize based on viewport size quite elegant:  https://stackoverflow.com/a/10295733/1318135  onresize=onload=function(){document.body.style.fontSize=window.innerWidth+"px"}   However, there are 2...

The project I am working on consists of a grid showing content. I would like to resize each item on the grid to a fourth of the viewport's size. This would be very easy with Javascript, but there is some backend stuff that needs to be aware of th...

it's not some serious question, but i just want to share and get more information with CSS media queries.  i find my own CSS media queries very comfortable, but it still has too many flaw in it. Just as we all know that today mobile device is gro...

How can I successfully reload my scroll magic code and change the triggerHook position? When I try to do it with the code below it sets the trigerHook twice so there are two of them on the screen. My ScrollMagic code goes like this:  //Scrollmagic &a...

in my react application I have an iframe which is loaded with HTML document and content of it exceeds 1 page. on pressing Ctrl+p I want to print it in several pages but the print preview only shows one page.  how it should be handled to recognize tha...

I have some lists that I am displaying in one line on desktop but on mobile, I have to display the same but it should be horizontally scrollable by swiping.  I tried the below code using CSS. It's working but I don't want to show the horizont...

I'm using bootstrap 3.2 and the default breakpoints. I would like the navbar to collapse into mobile mode at md (< 992px) instead of sm (< 767px) without changing the default breakpoints. How do I do that best?...