Ввод метатега в div для симуляции мобильного телефона - PullRequest
Новая
       8

Ввод метатега в div для симуляции мобильного телефона

0 голосов
/ 22 октября 2019

Я пытаюсь создать div в нижней части своей страницы, чтобы отобразить Iphone и смоделировать мою страницу, как если бы она была в мобильном телефоне. 

<div>
  <meta name="viewport" content="width=350, initial-scale=1">
  <div id="iphone6">
    <div id="iphone6-screen">
      <header></header>
      <main></main>
      <footer></footer>
    </div>
  </div>
</div>

Я считаю, что добавление мета-тега в divкак-то будет работать, но безрезультатно.

Заранее спасибо

1 Ответ

2 голосов
/ 22 октября 2019

Вы не можете сделать это.

<meta viewport> разрешено только в <head> и поддерживается только устройствами с маленькими дисплеями (поскольку оно предназначено для того, чтобы сообщать устройству, чтовеб-страница не была разработана без учета небольших дисплеев).

Если вы хотите контролировать размер div, используйте height и width в CSS.

...