it-swarm.com.de

Deaktivieren Sie das Zoomen eines div, aber erlauben Sie das Zoomen der Seite (ein alternatives div).

Gibt es eine Möglichkeit, den Zoom auf ein Div oder bestimmte Elemente auf einer Website zu deaktivieren? Wenn ich zum Beispiel wollte, dass die Seite zoombar ist, aber nicht das #Header div, gibt es eine Möglichkeit, eine zoombar zu machen und die andere nicht zoombar?

Wenn Sie auf einem mobilen Gerät zoomen, vergrößert es grundsätzlich auch die Kopfzeile, aber ich möchte, dass die Kopfzeile immer eine feste Größe hat (nicht zoombar).

Ich weiß, dass Sie diesen Code verwenden können, um das Zoomen insgesamt zu deaktivieren:

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />

36
GJDesigns

Ohne clevere Hacks geht das nicht.

Sie können (und sollten) das folgende CSS verwenden, um Zoomprobleme auf mobilen Geräten zu beheben:

header {
    position: fixed;
    ...
}

@media only screen and (max-width: 720px) {
    header {
        position: absolute;
    }
}

Dieser Code aktiviert position: absolute, wenn die Anzeigebreite kleiner oder gleich 720px ist und der Header zum Teil der Seite wird, anstatt oben fixiert zu werden.

7
Aleksej Komarov

Ich glaube nicht, dass du das direkt machen kannst. Eine mögliche Option wäre, das Zoomen durch js-Ereignisse und Skalenelemente entsprechend zu erkennen.

Eine andere Möglichkeit wäre, die STRG-Taste zu "brechen", um das Zoomen auf Ihrer Website zu deaktivieren, aber das ist nur ein großes Nein.

0
mkey

In kürzerer Weise können Sie das sicherlich tun.

Sie können die Größe von Ereignissen im Fenster überfüllen und die Größe des gleitenden Div entsprechend der in den verschiedenen neuen Fenstern errechneten dpi-Änderung sowie den Attributen für innere Breite und Höhe ändern.

Wenn Sie also zoomen in, wollen Sie verkleinern das gleitende Div, damit die ursprüngliche Auflösung erhalten bleibt, und umgekehrt.

Dies wäre eine epische Geige - überdenken Sie diese Antwort bald wieder, da ich so etwas tun muss. Ich bemerkte bereits einige Inkonsistenzen zwischen verschiedenen Browsern mit dpi.

0