Responsive Web Design: The Very Basics

Responsive Web Design: The Very Basics



responsive web design is a technique for building websites that work on mobile devices templates and desktop screens responsive web design makes websites fluidly change and respond to fit any screen size this allows for optimal viewing and interaction no matter how you access the web responsive web design reduces the amount of resizing scrolling and panning you need to do when you view a standard web site on a mobile device to achieve this responsive web design uses three main things fluid grids eluate images media queries traditional websites use absolute pixel measurements to determine the size of elements responsive web design uses percentages fluid grids allow elements to be resized in response to screen size responsive web design makes images fluid by allowing them to shrink within a fluid grid using code rules are applied to the images which allows them to grow and shrink with the context CSS is the code that determines what a web page looks like in a browser media queries are a CSS technology that allows the write code to be applied for the right screen size for example when an object is too large or too small a media query can be used to detect the site dimensions and serve CSS that appropriately rearranges the site's content responsive web design is likely to develop even more in the future as screens of all sizes they merge over time you

Leave a Reply

Your email address will not be published. Required fields are marked *