Media Queries, действующие странно

Question

Я использую Dream weaver, чтобы создать отзывчивую страницу обо мне для моего сайта (используя шаблон по умолчанию для меня). Когда я использую ткач мечты на устройстве просмотра системы, страница полностью реагирует и на моем iPhone не изменяет прекрасно выглядеть следующим образом:

Однако, когда я загрузить код на сайт, страницу не дольше становится отзывчивым. Он просто выглядит так же, как на моем ноутбуке (как показано ниже)

Почему эта проблема возникает?

html-страница this. Если вам нужно, чтобы я опубликовал код здесь, пожалуйста, скажите мне. Ваша помощь очень ценится :)

Answer 1

Чтобы мультимедийные запросы работали на небольших экранах, вам нужно включить метафайл в виде окна в главном документе. Например:

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