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.

Quali sono le regole per la sovrapposizione delle query multimediali CSS?

Come distanziamo accuratamente le media query per evitare sovrapposizioni? Ad esempio, se consideriamo il codice: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } Cosa succederà, su …

90 css responsive-design media-queries

Come rimuovere le funzionalità reattive in Twitter Bootstrap 3?

Da Bootstrap 3 non ci sono più file separati per fogli di stile reattivi e standard. Quindi come posso rimuovere facilmente le funzionalità reattive?

85 twitter-bootstrap responsive-design media-queries twitter-bootstrap-3

La pagina Bootstrap semplice non risponde su iPhone

Ho scaricato l'esempio di Twitter Bootstrap e con esso ho creato un semplice progetto rails. Ho copiato il css dove necessario e viene visualizzato bene. Ho copiato anche js e tutto funziona alla grande sul mio desktop: riorganizza la pagina quando cambio la dimensione del mio browser. Quando si utilizzano …

84 twitter-bootstrap responsive-design

Come rendere reattivo un iframe senza supporre le proporzioni?

Come rendere reattivo un iframe, senza assumere un formato? Ad esempio, il contenuto può avere qualsiasi larghezza o altezza, che è sconosciuto prima del rendering. Nota, puoi usare Javascript. Esempio: <div id="iframe-container"> <iframe/> </div> Dimensionalo in iframe-containermodo tale che il suo contenuto si adatti a malapena all'interno senza spazio extra, …

14 javascript html css iframe responsive-design

Barra laterale aperta per impostazione predefinita sul desktop, chiusa su dispositivo mobile

Sto riscontrando davvero dei problemi nel tentativo di ottenere che la mia barra laterale / i contenuti di navigazione (usando Bootstrap) mostrino (essere espansi) per impostazione predefinita sul desktop e chiusi per impostazione predefinita sui dispositivi mobili e che l'icona sia visualizzata solo sui dispositivi mobili. Non riesco a farlo …

9 javascript html css bootstrap-4 responsive-design

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.