Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

meta tag viewport

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Design responsivo e atividade Meta tag de Viewport

por Douglas Buss Figueiredo
| 99.1k xp | 75 posts

ola pessoal.

coloquei a tag meta viewport e nada aconteceu, na ferramenta do desenvolvedor o site nao fica com aquele espaço branco, ele se comporta normal, ocupando todo o espaço.

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="reset.css/reset.css">
        <link rel="stylesheet" href="style5.css"> 
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap" rel="stylesheet">   
    </head>
4 respostas
por Carlos Roberto Landerdahl Neto
| 41k xp | 7 posts
Logística 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
por Douglas Buss Figueiredo
| 99.1k xp | 75 posts

coloquei o initial-scale= 1.0 mas nao abriu aquele espaço branco na ferramenta do desenvolvedor.... fiquei meio confuso

por Marciel Antonio dos Santos
| 124.2k xp | 17 posts
Professor

Boa dia.

Acho que 

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

não tem como objetivo ativar nenhuma funcionalidade na ferramenta do desenvolvedor.

Mais sim, trabalhar com a resolução de exibição, assim como informar ao navegador as configurações de resolução e tamanho, fazendo "caber" na tela.

Se você está tentando acessar alguma funcionalidade da ferramenta do desenvolvido ela deve estar lá.

Meu palpite é que você quer acessar a funcionalidade mobile do desenvolvedor, nesse caso tem que clicar em um ícone que parece uma tela de celular e tablet bem na primeira aba.

solução!
por Marciel Antonio dos Santos
| 124.2k xp | 17 posts
Professor

Boa dia.

Acho que 

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

não tem como objetivo ativar nenhuma funcionalidade na ferramenta do desenvolvedor.

Mais sim, trabalhar com a resolução de exibição, assim como informar ao navegador as configurações de resolução e tamanho, fazendo "caber" na tela.

Se você está tentando acessar alguma funcionalidade do ferramenta do desenvolvido ela deve estar lá.

Meu palpite é que você quer acessar a funcionalidade mobile do desenvolvedor, nesse caso tem que clicar em um ícone que parece uma tela de celular e tablet bem na primeira aba.