fix: Zoom/Scroll auf iOS unterbinden (Viewport-Scale gesperrt)

WebView öffnete zoomed-in → Inhalt größer als Viewport → scrollbar.
maximum-scale/user-scalable=no im Viewport-Meta + text-size-adjust
und touch-action: manipulation sperren Pinch-/Auto-Zoom.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-15 13:49:56 +02:00
parent e7b4ec571e
commit c998242cc6
4 changed files with 17 additions and 3 deletions

View File

@@ -2,7 +2,7 @@
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Snakkimo</title>
</head>
<body>

View File

@@ -9,6 +9,15 @@
"revision" : "44ae2505f54a80c5e559533950886d0644fc2fca",
"version" : "8.4.0"
}
},
{
"identity" : "swiftkeychainwrapper",
"kind" : "remoteSourceControl",
"location" : "https://github.com/jrendel/SwiftKeychainWrapper.git",
"state" : {
"revision" : "185a3165346a03767101c4f62e9a545a0fe0530f",
"version" : "4.0.1"
}
}
],
"version" : 3

View File

@@ -11,14 +11,16 @@ let package = Package(
targets: ["CapApp-SPM"])
],
dependencies: [
.package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", exact: "8.4.0")
.package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", exact: "8.4.0"),
.package(name: "CapacitorSecureStoragePlugin", path: "../../../node_modules/capacitor-secure-storage-plugin")
],
targets: [
.target(
name: "CapApp-SPM",
dependencies: [
.product(name: "Capacitor", package: "capacitor-swift-pm"),
.product(name: "Cordova", package: "capacitor-swift-pm")
.product(name: "Cordova", package: "capacitor-swift-pm"),
.product(name: "CapacitorSecureStoragePlugin", package: "CapacitorSecureStoragePlugin")
]
)
]

View File

@@ -74,6 +74,9 @@ html {
inset: 0;
overflow: hidden;
overscroll-behavior: none;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
touch-action: manipulation;
}
body {