Layout flessibile con css. Voi come fate?

lorenzo84

Utente Attivo
22 Lug 2012
239
0
16
Buonasera, Ho provato più volte a realizzare un layout in modo tale che si adattasse alle dimensioni dello schermo. Mi date qualche suggerimento? A me piacerebbe realizzare un layout tipo questo: http://www.smarrimenti.it/ con il contenuto che è a tutto schermo e che se ristringi il browser (simulando un monitor più piccolo) si restringe fino a un certo punto facendo poi comparire la barra orizzontale. Mi aiutate?Grazie mille
 

LorenzoPi

Utente Attivo
21 Gen 2014
98
0
0
Per fare una cosa del genere esistono dei framework fatti apposta! Come ad esempio Foundation e Bootstrap.. Quello che intendi tu è creare un layout Responsive.. Comunque per fare una cosa del genere devi giocare con le media query e le percentuali, ecc.. Su internet ci sono guide su come creare un layout Responsive! :)

Io ad esempio ho creato un tool che ti permette di creare layout Responsive attraverso pulsanti, settaggi, ecc.. però il tutto è basato su Foundation! Comunque ecco il link: http://responsivetemplater.altervista.org/! però è in inglese! :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
D Layout di foglio Excel generato con PhpSpreadsheet PHP 5
felino Bug estetici del nuovo layout Supporto Mr.Webmaster 1
A [WordPress] Elementor responsive layout WordPress 8
Andrea_Ventura [HTML] Realizzazione di un layout dinamico di immagini HTML e CSS 4
Andrea_Ventura [HTML] Layout multicolonna (no table) HTML e CSS 2
L border in tabella php + layout stampa PHP 0
crealatualista [PHP] layout pagina con immagine codice a barre PHP 3
utente css esterno con layout HTML e CSS 1
F layout stampa css HTML e CSS 2
G Java & layout Java 2
M Layout e menu mobile HTML e CSS 2
M Problema con il layout HTML e CSS 3
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
Marco_88 Problemi layout con firefox HTML e CSS 3
felino Adattare un layout desktop ad un responsive HTML e CSS 9
K Aggiornare solo una parte di Layout Sviluppo app per Android 0
A Consiglio su layout responsive HTML e CSS 3
E layout responsive problemi con google chrome su smartphone android e win 8 HTML e CSS 0
D Tabella con layout per smartphone HTML e CSS 2
G Javascript library layout Javascript 1
S problema di layout HTML e CSS 5
Devil-94 Layout html css HTML e CSS 1
giap Layout come questo sito HTML e CSS 4
P proprietà Position in layout liquido... HTML e CSS 0
A Layout stabile per varie risoluzioni HTML e CSS 0
L preview di una textarea con layout del sito PHP 2
felino Nuovo layout del forum Supporto Mr.Webmaster 7
V Layout fragment main Sviluppo app per Android 1
X Dimensioni pagina scegliere layout HTML e CSS 2
A inserire background con gradiente in un layout Sviluppo app per Android 1
S Visualizzazione errata del layout e dei font del sito HTML e CSS 1
R inserire menu spry in layout a griglia fluida HTML e CSS 1
L Problema dimensione layout WordPress 1
L Consiglio su layout css... HTML e CSS 2
I Shape5-Vertex Template - sistemazione layout Joomla 1
A Problema gestione layout con css HTML e CSS 11
M Layout fluido HTML e CSS 13
M Layout e zoom HTML e CSS 1
F layout fluido HTML e CSS 4
L Cambiare contenuto senza modificare il layout PHP 6
F problema con layout fluido HTML e CSS 1
Y corrispondenza misure portando un layout da photoshop in html/css Photoshop 0
P inserire elementi dotati di dimensione propria in layout a griglia fluida HTML e CSS 5
P Layout a griglia fluida vs. animazioni flash HTML e CSS 0
M Layout compatibile per ogni browser HTML e CSS 3
L Feedback - design / layout per un sito dedicato ai Tablet PC Presenta il tuo Sito 2
J A corto di layout HTML e CSS 2
nim layout fluido HTML e CSS 4
M immagini e layout fluido HTML e CSS 0
neo996sps Estrarre i dati e presentarli con un layout particolare PHP 0

Discussioni simili