Responsive Design & Zoom

Question 1

Avoid layouts and sizing which cause:

A. Rotating images
B. Horizontal scrolling
C. Vertical scrolling
D. All of the above

Answer 1

B. Horizontal scrolling

Question 2

Fill in the blank: Ensure text on the page can be resized up to ______ without loss of content or function:

A. 1000%
B. 500%
C. 350%
D. 200%

Answer 2

D. 200%

Question 3

When modifying web content to be viewed on small viewports, you can use which of the following techniques?

A. Reduce the size of content
B. Eliminate content
C. Simplify content
D. All of the above

Answer 3

D. All of the above

Question 4

Which of the following meta viewport elements will disable pinch-to-zoom on mobile devices? (Select all that apply)

A. user-scalable=no
B. user-scalable=1
C. maximum-scale=1.0
D. maximum-scale=2.0
E. initial-scale=1.0
F. A and C
G. B and E
H. None of the above

Answer 4

F. A and C

Question 5

Which image type(s) allow text in the image to scale up smoothly? (Select all that apply)

A. JPG
B. PNG
C. BMP
D. SVG
E. TIFF
F. B and D
G. C and E
H. None of the above

Answer 5

D. SVG

Question 6

The recommended minimum touch target size for touch screen devices is approximately:

A. 4.8mm or 22px
B. 7.2mm or 33px
C. 9.6mm or 44px
D. 10.8mm or 50px

Answer 6

C. 9.6mm or 44px