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.

CSS responsive design - detect portrait display

I know it's with pure CSS possible to adapt the stylesheet according to screen dimensions, like this: @media (max-width: 959px) { /* …

css responsive-design landscape portrait landscape-portrait
Remove attributes "height" and "width" of the image tag

In order to create a responsive website with Typo3 and Twitter Bootstrap, I would like to remove the height and …

html content-management-system typo3 responsive-design typoscript
Is it possible to see which srcset image a browser is using with browser developer tools

I've been trying to see which srcset image my browser is using via the browsers developer tools, but apart from …

html css responsive-design developer-tools srcset
Best Open Source WURFL alternative

I am looking to do some device detection in PHP and I am looking into a few options. The one …

mobile responsive-design wurfl device-detection
Do PNGs (or JPGs) have a DPI? Or is it irrelevant when building for retina?

A simple question that I have been having great difficulty finding a definitive answer to: do PNG files have a …

html responsive-design png photoshop retina-display
Maintain div aspect ratio according to height

I need to maintain the width of an element as a percentage of its height. So as the height changes, …

css responsive-design aspect-ratio
How to create a responsive (varying column count) Angular-Material card grid

I'm trying to create a grid of Angular-Material cards that behaves somewhat like a Bootstrap grid. Ideally, cards will be …

angularjs responsive-design material-design angularjs-material
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
Multiple Collapse buttons in navbar with Bootstrap 3.0

I'm using Bootstrap 3.0 to show a navbar with some links and a search field. When i go to "mobile version" …

twitter-bootstrap responsive-design twitter-bootstrap-3 collapse navbar
A Full-Width Centered Navigation Top Bar - Zurb Foundation

I am using Zurb Foundation 4 and I need my top bar navigation to be centered as .large-12.columns I tried …

css responsive-design zurb-foundation