Responsive Web-Design geht nicht

B

burakcuece

Mitglied
Hallo,

ich habe Probleme mit dem Code. Kann mir jemand helfen?
HTML:
<!doctype html>
<html lang="de">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
      
      
    <style>       
        .video {
            max-width: 100%;
            height: auto;
                
        } 
        .right {
            max-width: 100%;
            text-align: right;
        }   
    </style>

    <title>EG-Boost Landingpage</title>
  </head>
  <body>
        <div>
            <img src="EG-Boost2.png" alt="EG-Boost Logo" style="width:50px;">
        </div>
        <div>
            <video width="680px" height="380px" controls>
            <source src="EG-Boost.mp4" type="video/mp4">
            Dein Browser unterstützt das Video-Element nicht.
        </video>
      </div>
      <div style="text-align: center;">
            <p class="right">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
      </div>
      <div>
           <button type="button" class="btn btn-primary btn-lg">Large Button</button>
      </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"      crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  </body>
</html>
 
B

burakcuece

Mitglied
Inwiefern soll der responsive sein?

Du gibst die Größe des Buttons fest an, was erwartest du?


Was an dem Button soll responsive sein?
Der Text soll sich den verschiedenen Endgeräten anpassen.


Ach ok deswegen konnte ich den button nicht anpassen. Der Button soll mittig sein.
 
mrBrown

mrBrown

Super-Moderator
Mitarbeiter
Die Breite ist immer 100% des aktuellen Endgeräts. Responsiver gehts nicht
 
mrBrown

mrBrown

Super-Moderator
Mitarbeiter
Also dein Problem ist jetzt damit gelöst, dass man dir einfach sagt, dass du kein Problem hast?

Sowas sieht man selten :)
 

Ähnliche Java Themen

Anzeige

Neue Themen


Oben