Top "Responsive-design" questions

Responsive Web Design (RWD) is an approach to Web design and development that aims at crafting sites to provide optimal experiences across a wide range of devices based on screen size, platform, and orientation.

Shrink a YouTube video to responsive width

I have a YouTube video embedded on our website and when I shrink the screen to tablet or phone sizes …

youtube responsive-design embed
Responsive css styles on mobile devices ONLY

I'm trying to make my responsive CSS styles work only on tablets and smartphones. Basically I have a style for …

css responsive-design media-queries
Responsive Google Map?

How to make a responsive google map from the code <div class="map"> <iframe>...</iframe&…

google-maps responsive-design
How to make the Facebook Like Box responsive?

I am using the Facebook like box code in my side bar by pasting the Facebook code into a text …

css widget responsive-design
What's the best way to make a d3.js visualisation layout responsive?

Assume I have a histogram script that builds a 960 500 svg graphic. How do I make this responsive so on resize …

javascript responsive-design d3.js
Limit the height of a responsive image with css

My end goal is to have a fluid <img> that won't expand past an explicitly set height of …

css responsive-design
Maintain aspect ratio of div but fill screen width and height in CSS?

I have a site to put together that has a fixed aspect ratio of approximately 16:9 landscape, like a video. I …

html css responsive-design aspect-ratio
How to remove responsive features in Twitter Bootstrap 3?

Since Bootstrap 3 there's no longer seperate files for responsive and standard stylesheets. So how can I easily remove the responsive …

twitter-bootstrap responsive-design media-queries twitter-bootstrap-3
Putting -moz-available and -webkit-fill-available in one width (css property)

I want to make the width of the footer browser-independent. For Mozilla I want to use the value of -moz-available, …

css responsive-design
Responsive web design is working on desktop but not on mobile device

I have a website which must be responsive for mobile phones. I've created it using my desktop. When I adjust …

mobile web responsive-design