Domande taggate «responsive-design»

Responsive Web Design (RWD) è un approccio alla progettazione e allo sviluppo Web che mira a creare siti per fornire esperienze ottimali su un'ampia gamma di dispositivi in ​​base alle dimensioni dello schermo, alla piattaforma e all'orientamento.

25
Mantieni le proporzioni di un div con CSS
Voglio creare un divche può cambiare la sua larghezza / altezza man mano che cambia la larghezza della finestra. Esistono regole CSS3 che consentirebbero di modificare l'altezza in base alla larghezza, pur mantenendo le proporzioni ? So che posso farlo tramite JavaScript, ma preferirei usare solo CSS.
29
Dimensione del carattere reattivo nei CSS
Ho creato un sito usando la griglia di Zurb Foundation 3 . Ogni pagina ha una grande h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> …
17
"Display: none" impedisce il caricamento di un'immagine?
Ogni tutorial di sviluppo di siti Web reattivi consiglia di utilizzare la display:noneproprietà CSS per nascondere il caricamento dei contenuti sui browser mobili in modo che il sito Web si carichi più velocemente. È vero? Non display:nonecarica le immagini o carica ancora il contenuto sul browser mobile? Esiste un modo …
19
Immagini di sfondo CSS reattive
Ho un sito Web (g-floors.eu) e voglio rendere lo sfondo (in CSS ho definito un'immagine bg per il contenuto) anche reattivo. Sfortunatamente non ho davvero idea di come farlo, tranne per una cosa che mi viene in mente ma è piuttosto una soluzione alternativa. Creare più immagini e quindi utilizzare …
11
Supporto IE8 per CSS Media Query
IE8 non supporta la seguente query multimediale CSS: @import url("desktop.css") screen and (min-width: 768px); In caso contrario, qual è il modo alternativo di scrivere? Lo stesso funziona bene in Firefox. Problemi con il codice qui sotto? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);
4
Griglia di quadrati reattivi
Altre informazioni su Stack Overflow di Stack Overflow : Versione successiva (reattivo) Versione successiva Mi chiedo come farei per creare un layout con quadrati reattivi . Ogni quadrato avrebbe contenuto allineato verticalmente e orizzontalmente . L'esempio specifico viene visualizzato di seguito ...
22
Rendere reattivo un iframe
Stavo leggendo questo post di StackOverflow intitolato "Riesci a rendere reattivo un iFrame?", E uno dei commenti / risposte mi ha portato a questo jfiddle. Ma quando ho cercato di implementare HTML e CSS per soddisfare le mie esigenze, non ho avuto gli stessi risultati / successo. Ho creato il …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.