iphone Anpassungen
This commit is contained in:
parent
5f26e3fa5e
commit
f3c7e8fe9e
@ -36,11 +36,27 @@
|
|||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: #d2d4bc; /* Hintergrundfarbe setzen */
|
background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */
|
||||||
}
|
}
|
||||||
|
|
||||||
.safe-area {
|
.safe-area {
|
||||||
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
|
position: relative;
|
||||||
background-color: inherit;
|
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>
|
</style>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user