Come si crea un menu CSS per dispositivi mobili che mantiene le stesse dimensioni indipendentemente dallo zoom della pagina?

Question

Mi piacerebbe creare un menu di scelta rapida per dispositivi mobili che si apre sul contenuto della pagina e riempie una parte dello schermo con un elenco di pulsanti. È abbastanza semplice

Tuttavia, desidero che il menu abbia le stesse dimensioni e la stessa posizione fissa indipendentemente da dove/come la pagina viene ingrandita sul dispositivo. Quindi, ogni volta che il menu viene richiamato, anche se l'utente è molto ingrandito, l'elenco dei pulsanti sembrerà avere le stesse dimensioni. In altre parole, mi piacerebbe imitare la funzionalità dei menu già esistenti sui telefoni cellulari come il menu delle opzioni della beta di Chrome Mobile.

Ciò è possibile solo con i CSS? O è necessario un codice JavaScript? O è inattuabile in generale?

In altre parole, è possibile fare un menu come questo Refresh/menù etc:

Questo è costante dimensioni indipendentemente dal browser zoom?

Answer 1

Utilizzare dimensioni relative e modificare la dimensione del carattere dinamicamente

semplice demo: http://jsfiddle.net/tQauj/3/ (ridimensionare la finestra risultato)

Si potrebbe anche utilizzare la proprietà scala CSS3

Versione aggiornata:

Con rivestimenti dinamici e finestra centrata:
http://jsfiddle.net/tQauj/22/

Answer 2

Si dovrebbe essere in grado di farlo utilizzando l'attributo absolute e fixed position in CSS. http://www.w3schools.com/cssref/pr_class_position.asp

Answer 3

Ecco un esempio con un po 'di CSS che mostra come si potrebbe tenere il menu della stessa dimensione e posizione: http://jsfiddle.net/ZfKyj/2/

Purtroppo, non sembra che è possibile controllare la dimensione del carattere così facilmente, soprattutto perché in realtà è piuttosto complicato capire quale sia il livello di zoom: How to detect page zoom level in all modern browsers?

Potrebbe essere meglio vedere se esiste un modo per utilizzare le funzioni dell'API di vari browser per generare il menu di scelta rapida, ma se non c'è Si potrebbe essere in grado di capire qualcosa dalla domanda collegata nel mio paragrafo precedente.