Search Header Logo

Медиа запросы

Authored by Арина Кычанова

Other

Professional Development

Used 6+ times

Медиа запросы
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

5 questions

Show all answers

1.

FILL IN THE BLANK QUESTION

1 min • 1 pt

Необходимо скрыть элемент aside на экранах, чей размер не превышает 567px. Далее представлен фрагмент кода для этого. Что должно быть на месте пропуска. Ответ введите без пробелов.
@media (_______){aside{display:none}}

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Какой способ добавления медиа-запросов на страницу является некорректным

<link rel="stylesheet" media="screen and (orientation: portrait)" href="portrait-screen.css" />

<link rel="stylesheet" media="not screen and (orientation: portrait)" href="portrait-screen.css" />

<link rel="media" style="not screen and (orientation: portrait)" href="portrait-screen.css" />

<style>

@media screen and (min-width: 320px) { body { background-color: green; } }

</style>

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Как называется подход к разработке, при котором сначала прописывают стили для маленьких экранов, а потом с помощью медиа-запросов добавляют стили для экранов больших размеров.

Phone first

Mobile first

Small-screen first

Little-screen first

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Mr. Beast хочет прописать сразу несколько условий для выполнения медиа запроса. При этом стили должны быть применены только при выполнении всех условий одновременно. Какой разделитель условий ему стоит использовать.

or

and

&

,

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Mr. Beast хочет прописать сразу несколько условий для выполнения медиа запроса. При этом стили должны быть применены, если истинно хотя бы одно из условий. Какой разделитель условий ему стоит использовать.

or

and

&

,

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?