?Discuss responsive design. Include the terms fluid layout, media queries, and flexible images in your response.
What will be an ideal response?
?Responsive design is a website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used. By applying responsive design principles, the webpage and content respond to the screen size of the user's device to minimize unnecessary scrolling and zooming, making reading and interacting with the site as convenient and intuitive as possible.Most discussions of responsive design highlight the following three concepts:?• Fluid layout: A fluid layout applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes. The viewport is the viewing area for the webpage, which is much smaller on a phone than on a traditional desktop. On a traditional Windows desktop computer, the viewport is usually the window itself, but the term "viewport" is preferred over "window" because windows are generally not displayed in the browsers of mobile devices. Furthermore, a window on a traditional desktop display might not be maximized to fill the entire screen. Just keep in mind that the viewport refers to the portion of the webpage that a user sees at any one time, regardless of device, browser, screen size, screen resolution, window size, or orientation.?• Media queries: Media queries allow the webpage developer to detect the approximate pixel size of the current viewport. This detection allows the developer to selectively apply Cascading Style Sheet (CSS) rules that work best for that viewport size. CSS3 standards expanded the capabilities of media queries.?• Flexible images: Flexible images shrink and grow based on the size of the viewport. Flexible images do not have height and width attributes or values in a Hypertext Markup Language (HTML) document. Rather, flexible images use CSS rules to resize the image relative to the wireframe and viewport.
You might also like to view...
A particular route's destination address is referred to as the:
A. RIP peer. B. shot vector. C. link state. D. next hop
Secondary storage can store large amounts of data, instructions, and information more permanently than allowed with main memory.
Answer the following statement true (T) or false (F)