Sto creando un tema per un sito in cui I non può modificare il codice o includere JS. Posso solo controllare il CSS del mio tema, e posso scrivere qualche html solo nel corpo della pagina.Imposta scala/zoom di pagina mobile in CSS
Sto cercando di rendere questo tema sensibile, ma non riesco a vedere come controllare iniziale scala o zoom della pagina su dispositivi portatili, senza una finestra meta tag in questo modo:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Così che cosa accade è che anche se posso applicare un layout specifico per mobile tramite le query di CSS @media, il sito viene ingrandito quando viene visualizzato su un telefono. Testo e immagini sono troppo piccoli finché non si esegue lo zoom in avanti e, una volta ingrandito, il layout è troppo grande e c'è una barra di scorrimento orizzontale. Sembra perfetto all'interno di una finestra ridimensionata del browser sul desktop; il problema è che il browser del telefono scala automaticamente la pagina.
Quindi sto cercando una soluzione alternativa. Attualmente ho due linee di pensiero e vorrei ricevere altri suggerimenti:
- C'è un modo per fare ciò che il meta tag di viewport fa da solo nel CSS?
- Posso forzare una larghezza massima della pagina nel mio stile specifico per dispositivi mobili in modo che i browser mobili non ridimensionino la pagina?
Questo è esattamente ciò di cui ho bisogno, così deludente non è supportato. – tuff
sì..supporto è molto basso..solo opera e IE10. Potrebbe cambiare nel prossimo futuro ... – Zendy