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.

Font scaling based on width of container

I'm having a hard time getting my head around font scaling. I currently have a website with a body font-size …

css responsive-design font-size
Responsive font size in CSS

I've created a site using the Zurb Foundation 3 grid. Each page has a large h1: When I resize the browser …

css responsive-design font-size zurb-foundation em
Responsive css background images

I have a website (g-floors.eu) and I want to make the background (in css I have defined a bg-image …

css responsive-design background-image image-resizing
Maintain the aspect ratio of a div with CSS

I want to create a div that can change its width/height as the window's width changes. Are there any …

html css responsive-design aspect-ratio
In a bootstrap responsive page how to center a div

I need to create a responsive page using bootstrap by position a div at the centre of a page as …

css twitter-bootstrap responsive-design
Hiding elements in responsive layout?

Looking through bootstrap it looks like they support collapsing the menubar items for smaller screens. Is there something similar for …

html css twitter-bootstrap responsive-design
Bootstrap Responsive Text Size

I am trying to build a responsive layout using bootstrap and currently am defining some of the titles with font-size:3…

css twitter-bootstrap responsive-design
Height equal to dynamic width (CSS fluid layout)

Is it possible to set same height as width (ratio 1:1)? Example +----------+ | body | | 1:3 | | | | +------+ | | | div | | | | 1:1 | | | +------+ | | | | | | | | | | | +----------+ CSS div { width: 80%; …

javascript jquery html css responsive-design
Making an iframe responsive

I was reading this stackoverflow post titled "Can you make an iFrame responsive?", and one of the comments/answers led …

css iframe responsive-design
Full-screen responsive background image

I am very new to Front-end development and Foundation. I am trying to get <div class="main-header"> to …

css responsive-design fullscreen zurb-foundation