Search Header Logo

Chapter 1 Responsive Design

Authored by Abdul Nursyahid

Other

University

Used 56+ times

Chapter 1 Responsive Design
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

14 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What do we use to define the display type, width, height, orientation and resolution of media devices?

HTML tag

CSS media queries.

Viewport meta tag

JavaScript scripts

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which one of the following items will not achieve a responsive website?

Media queries

Flexible media

Fixed layout.

Flexible layout

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

In responsive design, which one of the following screen sizes should you start with in planning your design?

Small screen size of mobile phones.

Standard screen size of laptops.

Medium screen size of phablets

Wide screen size of LCD monitors

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Responsive web design enables web page layouts to adapt to a variety of screen sizes. Which one of the following items are used to achieve this adaptive capability?

Use fluid grid layout.

Use fixed grid layout

Use fixed and fluid grid layout

Use fixed, fluid and elastic layout

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which one of the following viewport meta tags is the default meta tag that adapts to different devices in responsive web design?

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="viewport" content="width=500, initial-scale=1">

<meta name="viewport" content="width=1024">

<meta name="viewport" content="width=720”>

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is/are the unit/s of grids in fluid layouts?

123

123

pixel

percentages

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Where do you place the viewport metatag?

<head> section.

<body> section.

Anywhere in an html page.

At the start before the <html> tag.

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?