CSS Трюки с видовыми экранами

Примечание для себя: вы можете указать различные свойства viewport, такие как initial-scale и user-zoom через теги <meta> или непосредственно через CSS.

Итак, мы можем указать свойства viewport в разметке через тег <meta>:

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">

…или мы можем указать свойства viewport в таблице стилей с помощью запроса @viewport:

@viewport {
	width: device-width;
	user-zoom: zoom;
	min-zoom: 1;
	zoom: 1;
}

И, конечно, вы захотите включить специальный запрос, если поддерживаете Internet Explorer от Microsoft:

@-ms-viewport {
	width: device-width;
	user-zoom: zoom;
	min-zoom: 1;
	zoom: 1;
}

Оцените статью
devanswers.ru
Добавить комментарий