iphone Anpassungen

This commit is contained in:
Christian 2024-07-07 21:15:48 +02:00
parent 5f26e3fa5e
commit f3c7e8fe9e

View File

@ -33,15 +33,31 @@
<meta name="theme-color" content="#ffffff">
<style>
html, body {
html, body {
margin: 0;
padding: 0;
background-color: #d2d4bc; /* Hintergrundfarbe setzen */
}
background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */
}
.safe-area {
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: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
background-color: inherit;
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>
</head>