iphone Anpassungen
This commit is contained in:
parent
5f26e3fa5e
commit
f3c7e8fe9e
@ -36,11 +36,27 @@
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #d2d4bc; /* Hintergrundfarbe setzen */
|
||||
background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */
|
||||
}
|
||||
|
||||
.safe-area {
|
||||
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
|
||||
background-color: inherit;
|
||||
position: relative;
|
||||
padding-top: env(safe-area-inset-top);
|
||||
padding-right: env(safe-area-inset-right);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
padding-left: env(safe-area-inset-left);
|
||||
background-color: inherit; /* Hintergrundfarbe der Webseite */
|
||||
}
|
||||
|
||||
/* Spezifische Anpassungen für Safari auf iOS */
|
||||
@media screen and (max-device-width: 480px) {
|
||||
/* iPhone */
|
||||
.safe-area {
|
||||
padding-top: constant(safe-area-inset-top);
|
||||
padding-right: constant(safe-area-inset-right);
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-left: constant(safe-area-inset-left);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user