Я построил страницу HTML, чтобы отобразить ее в виде iframe, и на рабочем столе все работает нормально. Теперь я хотел бы сделать его адаптивным и трансформировать макет контента с помощью медиа-запросов. Я не знаю, что происходит, но HTML-элемент имеет ширину 960 пикселей. Я использовал Atom, и он дал мне структуру HTML, которую я использовал для простого теста.
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<title>Viewport Test</title>
<style media="screen">
body {
text-align: center;
}
</style>
</head>
<body>
<span>TEST</span>
</body>
</html>
Я использую инструменты разработчика Chrome для тестирования адаптивного макета, и я установил ширину окна в 360px, ноHTML-документ имеет размер 960 пикселей. Я не могу понять, что здесь происходит. Пожалуйста, помогите мне и спасибо.