what is responsive web design?
Responsive web design is all about using html and CSS to automatically resize, hide, minimize or maximize a website so that it looks great on all devices (desktop, tablet and phone). Also, information can be shown or removed according to the mobile on the mobile. Different codes are written for mobile and desktop. So that it can convert from desktop to mobile layout.
Setting The Viewport
This code has to be added under the <head> tag.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
Responsive Images
Responsive images are images that scale nicely to fit any browser size.
Using the width Property
If the CSS width property is set to 100%, the image will be responsive and scale up and down:
For fast loading in mobile, the size of the image is of light weight according to the mobile.
