Meta viewport klappt nicht

1. offizieller Beitrag

    [FONT=&quot]Halli hallo ich arbeite gerade an der mobilen Version einer website, problem ich bekomm das mit dem meta viweport nicht hin, sodass die Seite immer richtig angezeigt wird [/FONT]

    [FONT=&quot]der quell[/FONT]
    [FONT=&quot]<!doctype html>[/FONT]
    [FONT=&quot]<html>[/FONT]
    [FONT=&quot]<head>[/FONT]
    [FONT=&quot]<meta charset="utf-8">[/FONT]

    [FONT=&quot]<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">[/FONT]

    [FONT=&quot]der quellcode:[/FONT]


    [FONT=&quot]<title>Unbenanntes Dokument</title>[/FONT]
    [FONT=&quot]<link href="thaistyle.css" rel="stylesheet" type="text/css">[/FONT]
    [FONT=&quot]</head>[/FONT]

    [FONT=&quot]<body>[/FONT]
    [FONT=&quot]<div id="wrapper">[/FONT]
    [FONT=&quot]<header></header>[/FONT]

    [FONT=&quot]<div class="dropdown">[/FONT]

    [FONT=&quot]<button onclick="myFunction()" class="dropbtn">Menü</button>[/FONT]
    [FONT=&quot]<div id="myDropdown" class="dropdown-content">[/FONT]
    [FONT=&quot]<a href="#">Über uns</a>[/FONT]
    [FONT=&quot]<a href="#">Massagen</a>[/FONT]
    [FONT=&quot]<a href="#">Preise</a>[/FONT]
    [FONT=&quot]<a href="#">Gutscheine</a>[/FONT]
    [FONT=&quot]<a href="#">Konatakt</a>[/FONT]
    [FONT=&quot]<a href="#">Impressum</a>[/FONT]
    [FONT=&quot]</div>[/FONT]
    [FONT=&quot]</div>[/FONT]
    [FONT=&quot]<script>[/FONT]
    [FONT=&quot]function myFunction() {[/FONT]
    [FONT=&quot]document.getElementById("myDropdown").classList.toggle("show");[/FONT]
    [FONT=&quot]}[/FONT]


    [FONT=&quot]window.onclick = function(event) {[/FONT]
    [FONT=&quot]if (!event.target.matches('.dropbtn')) {[/FONT]

    [FONT=&quot]var dropdowns = document.getElementsByClassName("dropdown-content");[/FONT]
    [FONT=&quot]var i;[/FONT]
    [FONT=&quot]for (i = 0; i < dropdowns.length; i++) {[/FONT]
    [FONT=&quot]var openDropdown = dropdowns[/FONT];
    if (openDropdown.classList.contains('show')) {
    openDropdown.classList.remove('show');
    }
    }
    }
    }
    </script>
    <div id="adresse"></div>
    <section></section>
    <footer></footer>
    </div>
    </body>
    </html>


    mein css


    @charset "utf-8";

    header{
    width: 320px;
    height:100px;
    background-color: brown;
    flex-wrap: wrap;
    }


    #wrapper{background-color: #AA9820;
    width:320px;
    }

    .dropbtn {
    background-color: #B7A52D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    }


    .dropbtn:hover, .dropbtn:focus {
    background-color: #AA9820;
    }


    .dropdown {
    position: relative;
    display: inline-block;
    }


    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #B7A52D;
    min-width: 320px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }


    .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    }

    .dropdown-content a:hover {background-color: #f1f1f1}


    .show {display:block;}


    section{
    width: 320px;
    height:1200px;
    background-color: #076338}

    footer{
    width:320px;
    }


    könnt ihr mir helfen?