Identify the meta tag that must be added to the head section of each responsive webpage to ensure that the page initially loads in a layout width that matches the viewport of the device.
A) content="width=device-width, initial-scale=1"
B) page="width=device-width, initial-scale=1"
C) width="width=device-width, initial-scale=1"
D) view="width=device-width, initial-scale=1"

Question

Identify the meta tag that must be added to the head section of each responsive webpage to ensure that the page initially loads in a layout width that matches the viewport of the device.
A) content="width=device-width, initial-scale=1">
B) page="width=device-width, initial-scale=1">
C) width="width=device-width, initial-scale=1">
D) view="width=device-width, initial-scale=1">

Quizplus · Accepted Answer

The meta tag content="width=device-width, initial-scale=1"> is the correct meta tag that needs to be added to ensure responsive web design. It specifies that the content should match the width of the device's screen, and sets the initial scale to 1, which means that the content will load at its original size on mobile devices.

Identify the Meta Tag That Must Be Added to the Head