Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1811: What is the viewport in web design?
- A: The entire web page
- B: The user's visible area of a web page
- C: The web page's fixed size
- D: The area outside the web page
View Answer
B
Q1812: Fill in the blank: The viewport varies with the device and is ______ on a mobile phone than on a computer screen.
- A: larger
- B: smaller
- C: the same
- D: fixed
View Answer
B
Q1813: What HTML5 element is used to control the viewport?
- A:
- B:
- C:
- D:
View Answer
A
Q1814: Fill in the blank: The <meta> viewport element includes the content attribute "width=device-width" to set the width of the page to follow the ______ of the device.
- A: height
- B: screen-width
- C: screen-resolution
- D: default
View Answer
B
Q1815: What problem might occur if a fixed-width element is used on a responsive web page?
- A: The page may load too slowly
- B: The element may fall outside the viewport
- C: The element will resize correctly
- D: The element will not appear on the screen
View Answer
B
Q1816: Fill in the blank: To ensure a good user experience, avoid forcing users to scroll ______ on a mobile device.
- A: vertically
- B: horizontally
- C: both ways
- D: diagonally
View Answer
B
Q1817: What should be avoided to ensure responsive design?
- A: Using relative width values
- B: Using CSS media queries
- C: Using large fixed width elements
- D: Using viewport meta tags
View Answer
C
Q1818: Fill in the blank: To make content fit well on various devices, avoid relying on a particular ______ width to render well.
- A: viewport
- B: screen
- C: text
- D: image
View Answer
A
Q1819: What is a quick fix for web pages that are too large to fit the viewport?
- A: Scale down the whole webpage
- B: Increase the viewport width
- C: Add more content
- D: Reduce the font size
View Answer
A
Q1820: Fill in the blank: CSS media queries are used to apply different styling for ______ screens.
- A: small and large
- B: only small
- C: only large
- D: medium
View Answer
A