deaktivieren Sie die STRG-Rad - /zoom-Effekt zur Laufzeit

Wie sperrst du die Strg-Rad - /zoom-Effekt mit css oder javascript auf bestimmte Elemente. Erstelle ich eine Menü-Leiste, die wird verzerrt, wenn der zoom-Effekt angewendet wird. Ich möchte es deaktivieren, nur für bestimmte Elemente.

  • Dies ist ein Eingabehilfen-Problem, und Sie sollten versuchen, mit ihm zu arbeiten und nicht gegen Sie. Aus diesem Grund sollten Sie die Verwendung der relativen Einheit "em" für das Bearbeiten von css-Elementen. Google Mail ist ein großartiges Beispiel für die relative Dimensionierung. Gehen Sie es und ändern Sie die browser-text-Größe entweder größer oder kleiner.
InformationsquelleAutor | 2009-02-12
  1. 11

    Bessere Idee: entwerfen Sie Ihr layout so, dass es robust genug, um änderungen wie diese. Sie können nicht deaktivieren, selbst wenn Sie fix die Schriftgröße (was Sie nie tun sollten in der ersten Stelle), so dass Sie könnte genauso gut reagieren zu Zoomen anmutig.

    Tatsache ist, wenn alle Elemente skaliert werden gleichermaßen durch die browser, Ihre Seite Aussehen soll und funktionieren genau die gleiche Weise wie vorher (außer, du weißt, größer), es sei denn, Sie nahm ein paar faule Verknüpfungen in Ihrem design irgendwo.

    • "Die Tatsache ist, wenn alle Elemente skaliert werden gleichermaßen durch den browser..." ich denke, dass er Probleme mit der Schrift-nur Zoomen, die verwendet werden dominant. Zum Glück, das ist, auf seine Weise aus... Leider ist es immer noch ein Problem für ein paar Jahre noch.
    • Das ist fair. Wenn dort sind funktionale Teile der Seite müssen nicht skaliert werden, mit Schriften (also alles, was aber den Inhalt), es ist OK, sich von mir zu lösen, Ihre Größe. Aber wenn er mit JS setzt auf eine pixelgenaue Positionierung oder etwas entlang jenen Linien, es ist eine verlorene Sache.
    • Die Tatsache ist, Browser sind bekannt zu sein falsch: stackoverflow.com/q/10914174/632951
    InformationsquelleAutor Welbog
  2. 2

    Lösung für IE und Firefox:

    var obj=document.body;  //obj=element for example body
//bind mousewheel event on the mouseWheel function
if(obj.addEventListener)
{
    obj.addEventListener('DOMMouseScroll',mouseWheel,false);
    obj.addEventListener("mousewheel",mouseWheel,false);
}
else obj.onmousewheel=mouseWheel;

function mouseWheel(e)
{
    //disabling
    e=e?e:window.event;
    if(e.ctrlKey)
    {
        if(e.preventDefault) e.preventDefault();
        else e.returnValue=false;
        return false;
    }
}
    • FYI, dies wird nicht funktionieren in webkit-Browsern, wie die control-Taste drücken overrieds das mousewheel-Ereignis und wird nicht erkannt.
    InformationsquelleAutor holden321
  3. 0

    Können Sie nicht; das ist eine browser-Funktion, keine Funktion Dokument.

    Having said, die, wenn Sie mit CSS style="font-size: 9px;" können Sie überschreiben text-Größe. Browser-zoom wird immer noch funktionieren, und die browser-Schriftgröße verändert wird, haben einige Neuformatierung Effekte.

    InformationsquelleAutor tsilb
  4. 0

    Hier ist mein problem:
    Ich habe immer entworfen mit ems, und arbeiten Sie magisch an. Aber mit full-page-zoom, meine Hintergründe sind auch vergrößert. Wenn ich einen wiederholenden Muster als Haupt-hintergrund, ich möchte nicht, dass auf pixelized.
    Sie helfen uns zu vermeiden, einige arbeiten, wie die Implementierung von Doug Bowman ' s Sliding Doors of CSS, aber jetzt habe ich zu Leben, mit verschwommenen tabs.

    Ich habe auch ein weiteres problem mit dem full-page-zoom, zumindest so wie es umgesetzt in der heutigen Browsern:
    Ich bin einer von 'diesen' Menschen, die mein browser 12pt Schrift statt 16pt. Jeder einmal in eine Weile, ich würde auf eine (Feste Breite, natürlich) - Website, die Größe der text ist auf eine kleine Größe (ich vermute, Sie verwendet 0.9 em oder sowas, anstatt 14px, während Sie versuchen, es kleiner zu machen). Würde ich in der Regel nur vergrößern, in eine Kerbe oder zwei, und alles wäre gut. Mit full-page-zoom, aber die Bilder skalieren schlecht und ich habe einen horizontalen Scrollbalken.

    Die Lösung für das erste problem würde darin bestehen, dass irgendeine Art von processing instruction in den hintergrund-Bild, tag, zu verbieten, full-page-zoom auf das element. Oder vielleicht etwas in der Dokument-Kopf. Wenn der Browser wirklich wollen, um fair zu sein, Sie könnten auch geben dem Benutzer eine option, Sie können also das über-Fahrten in der no-zoom-Unterricht, so konnten Sie zoom-jedenfalls, wenn Sie so wählen.
    Die Lösung für das zweite problem wäre für full-page-zoom zu konvertieren alle px in em auf eine Höhe von 16px/em erste, und dann vergrößern Sie sich Ihren text, Größe, statt der Umwandlung von px zu em mit Ihrem text Größe als Basis. Dann Blättern Sie zurück bis zu 16px machen würde, die Bilder perfekt Größe, als vorgesehen.

    InformationsquelleAutor
Schreibe einen Kommentar