Viewport is the visible area of a webpage for a user . The Meta tag used to configure display for mobile devices is Viewport.
Hence, the correct answer is option “A”.
Explanation of Solution
Tag used to configure mobile devices:
- The webpages designed for computer resolution cannot be viewed the same way on a mobile device.
- Once the viewport tag is configured, the page can be zoomed and scaled to a width that is easy for a user to read.
- The “<meta>” tag is used to let web designers take control over the viewport.
In HTML 5, it can be used as:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Here,
- The “<meta>” gives instructions to the browser to control the page dimension and scaling.
- “width=device-width” is used to set the width of the page similar to the screen width of the mobile device.
- The “initial-scale=1.0” sets the zoom level when the browser loads the page.
Explanation for incorrect options:
Handheld:
Handheld value informs the server that the user has optimized the page and the optimized version can be viewed using a mobile device. It is not used to configure display for mobile devices.
Hence, option “B” is wrong.
Mobile:
There is no mobile tag present in HTML to configure display for mobile devices.
Hence, option “C” is wrong.
Screen:
There is no screen tag present in HTML to configure display for mobile devices.
Hence, option “D” is wrong.
Want to see more full solutions like this?
Chapter 8 Solutions
Basics of Web Design: Html5 & Css3