Ergebnis 1 bis 2 von 2

Thema: Meta viewport klappt nicht

  1. #1
    HTML Newbie
    Registriert seit
    29.10.2018
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Meta viewport klappt nicht

    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

    der quellcode:
    HTML-Code:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    
    <title>Unbenanntes Dokument</title>
    <link href="thaistyle.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    <div id="wrapper">
    <header></header>
    
    <div class="dropdown">
    
    <button onclick="myFunction()" class="dropbtn">Menü</button>
    <div id="myDropdown" class="dropdown-content">
    <a href="#">Über uns</a>
    <a href="#">Massagen</a>
    <a href="#">Preise</a>
    <a href="#">Gutscheine</a>
    <a href="#">Konatakt</a>
    <a href="#">Impressum</a>
    </div>
    </div>
    <script>
    function myFunction() {
    document.getElementById("myDropdown").classList.to ggle("show");
    }
    
    
    window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {
    
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
    var openDropdown = dropdowns;
    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;
    }
    Geändert von Arne Drews (29.10.2018 um 15:06 Uhr) Grund: MOD: HTML-Tags eingefügt

  2. #2
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    326
    Danke
    0
    Bekam 71 mal "Danke" in 71 Postings

    Standard AW: Meta viewport klappt nicht

    ...sodass die Seite immer richtig angezeigt wird
    Könntest du das etwas näher erläutern? Was denkst du, was da passieren soll mit deiner Seite? Alleine das Einfügen der 'meta viewport - Zeile' macht nichts, von dem, was du erwartest.
    Um die Darstellung für mobile Geräte einzurichten, solltest du im CSS auf feste Größenangaben verzichten und ggf. mit @media Queries die Anzeige so einrichten, dass es für alle Displaygrößen passt.
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

Ähnliche Themen

  1. Meta viewport klappt nicht
    Von leomai im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.11.2017, 11:55
  2. viewport
    Von wonder im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 28.01.2014, 12:45
  3. INSERT klappt nicht / utf8 nicht übernommen
    Von craven-city im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 06.11.2008, 15:33
  4. META weiterleitung funzt im FF nicht...
    Von hkp im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 08.10.2006, 17:01

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •