Ich versuche, meine Lightbox zu verkleinern. Aber wenn ich max-width: 100% die Bilder sind zu groß (img) für PC-Bildschirm zu klein für Handys (img). Und es ist das Gegenteil mit max-Breite: 50%; (img1 und img2). Was soll ich machen?Responsive CSS: div zu groß
CSS:
/* The Modal (background) */
#galeria .modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
/* Modal Content */
#galeria .modal-content {
margin: auto;
padding: 20px;
max-width: 50%;
}
HTML:
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="close-button"><span class="close" id="close-sync">×</span></div>
<div id="sync1" class="owl-carousel">
<div class="item">
<img src="assets/img/eventos/16-12-2016/01.JPG">
</div>
<div class="item">
<img src="assets/img/eventos/16-12-2016/02.JPG">
</div>
</div>
<div id="sync2" class="owl-carousel">
<div class="item">
<img src="assets/img/eventos/16-12-2016/01.JPG">
</div>
</div>
</div>
</div>
Interessante Firmenname :) –
Wie über Medien-Anfragen mit? –
Es ist ein portugiesischer Name: Fundação Assistencial da Paraíba = Paraibas Assistencial Foundation. Paraíba ist ein brasilianischer Staat. –