François REMY ha scritto:
Ciao Lonnie,
Penso che il tuo dolore sia valido e importante.
Sarai felice di sapere che al momento ci sono proposte per viewport locali simili a moduli simili a ciò che desideri. Un esempio (preso a caso, ovviamente) sarebbe la mia proposta link (che dovrebbe probabilmente menzionare che le unità "vh" e "vw" si associano alla larghezza / altezza dell'elemento che è impostato come una finestra di visualizzazione locale, per i suoi discendenti) ma alcuni articoli migliori sono stati scritti anche da persone a Google l'anno scorso sul motivo per cui vogliamo qualcosa lungo quelle linee.
Il problema a questo punto è anche alquanto discusso nel gruppo della comunità Responsive sotto forma di ": min-width /: max-width" per il quale credo che il requisito e i problemi da risolvere siano vicini se non identici a quelli di fronte a un'implementazione in grado di soddisfare le tue esigenze.
Penso che sia bello che tu abbia fornito un promemoria ai webdevelopers del css group che si preoccupano abbastanza del problema per trovare la loro strada fino a qui per esprimere la loro opinione, questo è prezioso, quindi grazie!
Cordiali saluti,
François
Qui sopra c'è una risposta ricevuta dalla mailing list w3.org, al mio messaggio qui sotto:
Nei CSS, ci deve essere un modo per specificare l'elemento specifico su cui basare le unità di dimensionamento relative. Le unità di dimensionamento relative non devono necessariamente essere basate sulla dimensione dell'elemento genitore, o sulla dimensione della pagina o sul viewport. Un modulo web può avere numerosi elementi figlio di varie profondità, e l'elemento su cui vuoi basare le relative unità di dimensionamento potrebbe non essere un antenato immediato!
Ad esempio, per favore guarda la domanda che ho postato qui:
Come rendere i moduli scalabili in un elemento div
Mi piace il modo in cui le unità viewport ti consentono di ridimensionare il contenuto di una pagina. io
fatto questa pagina, e sono felice che anche i caratteri si stiano adattando bene su di esso:
link
Tuttavia, il mio obiettivo finale è di essere in grado di creare moduli web compositi (che sono incapsulati da un elemento div, per esempio) che possono essere inseriti in qualsiasi pagina web in modo che un webmaster possa ridimensionare i contenuti di quell'elemento semplicemente impostando l'altezza e la larghezza del div. Per fare questo, ho davvero bisogno che le unità di dimensionamento relative siano basate su un particolare elemento, quello che incapsula
il mio intero modulo web.
In una certa misura, questo può essere ottenuto con% unità, ma non per dimensione carattere! Non ho trovato un'unità relativa alla dimensione del carattere che può essere basata sulla dimensione di un elemento genitore. Se un webmaster ha inserito il mio modulo self-made nella sua pagina, le mie dimensioni dei caratteri si baseranno su questa dimensione della sua pagina e NON si baseranno sulla dimensione che ha deciso di impostare il mio modulo.
Le unità Viewport funzionano alla grande se il modulo web è la dimensione del viewport; il ridimensionamento della finestra rende anche i caratteri ridimensionabili in proporzione.
Il web sta diventando molto vicino a offrire gli stessi moduli scalabili di tecnologie non web come QML e WPF.
Se i CSS possono offrire un modo per un webmaster di "specificare un particolare elemento su cui le unità di dimensionamento relative devono essere basate", ciò sembra perfetto.
Ancora una volta, un modulo web può avere numerosi elementi figlio di varie profondità, e l'elemento su cui vuoi basare le relative unità di dimensionamento potrebbe non essere un antenato immediato e potrebbe non essere la pagina come intero. Per un modulo web, vuoi che la dimensione relativa dei caratteri e tutto il resto sia basata sulla dimensione del modulo (non sulla pagina nel suo insieme).
I CSS dovrebbero essere così flessibili, che posso creare un modulo indipendente e puoi inserirlo nella tua pagina e impostando semplicemente i miei moduli in altezza, larghezza e posizione: tutto ciò che è contenuto in questo modulo si adatta in modo proporzionale al tuo ambiente. Se rendi le dimensioni del mio modulo super piccole, i caratteri dovrebbero essere super piccoli, non basati sulla pagina nel suo insieme.
Lonnie Best