Неизменяемый масштаб сайта

126

29 июля 2021, 07:30

Как в css задать так, чтобы при уменьшении страница html тоже уменьшалась? То есть при заходе с мобильного устройства страница показывалась полностью.

Answer 1

Чтобы сделать сайт рассчитанным под мобильные устройства, необходимо добавить соответствующий мета-тег "viewport" в блок <head>

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

Пример стандартной заготовки перед вёрсткой:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Document</title> 
</head> 
<body> 
 
</body> 
</html>