Ciao. Sarebbe possibile stabilire style css diversi da utilizzare a seconda della risoluzione dell'utente che apre la pagina?
Questo sarebbe per non lasciare troppo margine vuoto a lato a chi visualizza il sito con alte risoluzioni.
Ciao. Sarebbe possibile stabilire style css diversi da utilizzare a seconda della risoluzione dell'utente che apre la pagina?
Questo sarebbe per non lasciare troppo margine vuoto a lato a chi visualizza il sito con alte risoluzioni.
certo, si può con le media queries (css3) che però non sono supportate da tutti i browser o tramite js
da un occhio qui http://www.protofunc.com/scripts/jquery/mediaqueries/
Ubuntu rulez!! :P
grazie mille!
grazie mille!
Buongiorno,
riapro la discussione... sto creando un sito con un'immagine al centro, contenuta in un div, che voglio occupi quasi ad altezza piena lo schermo...... e stavo ragionando su che modalità usare....
Ovviamente i media queries credo siano la strada giusta... magari dovrò creare numerose ipotesi di risoluzione (800x600, 1024x768, 1440... 1680... 1920...)
Voi cosa ne dite? potrebbe essere la soluzione più corretta? altre idee?
...potrei anche far ridimensionare lo sfondo e quindi mettere la mia immagine non come div ma come background.. bah....
attendo vostri consigli
Se imposti l'immagine con il tag IMG, puoi darle le dimensioni in percentuale e quindi verrà ridimensionata automaticamente con il cambio di risoluzione (ma occhio che a risoluzioni diverse da quella nativa, si creano diversi artefatti). Se la imposti come background invece... viene sempre usata a zoom 100%, e ciò che non sta nello schermo... viene semplicemente tagliato via....
...volevo giusto evitare gli artefatti ed impostarla con i media queries... no?Originariamente inviato da ldetomi
Se imposti l'immagine con il tag IMG, puoi darle le dimensioni in percentuale e quindi verrà ridimensionata automaticamente con il cambio di risoluzione (ma occhio che a risoluzioni diverse da quella nativa, si creano diversi artefatti). Se la imposti come background invece... viene sempre usata a zoom 100%, e ciò che non sta nello schermo... viene semplicemente tagliato via....
Con i Media Queries, quello che puoi fare è fornire tante immagini a risoluzioni diverse, tante quante sono le media queries... Diciamo che decidi di discriminare chi si connette con schermi 1024x768, da quelli che usano 1600x1200, da quelli che hanno 1920x1080 (sono puri esempi...) Ok, dovresti realizzare 3 immagini di sfondo, una per ciascuna risoluzione e far caricare la più adatta in base al risultato delle media queries.
Ma se poi uno si collega con un 30 da 2560x1600? o da un netbook da 1024x600 ??? o cmq da qualunque altra risoluzione intermedia???
Insomma... avere tante versioni è un casino... meglio optare per soluzioni che, almeno entro certi limiti, si adattino da sole.... (mia opinione personale...)
eh sì... non hai tutti i torti..... anzi...
...magari potrei fare giusto 2 opzioni per i casi limite... ovvero chi ha una risoluzione inferiore alla media... ed una per chi ha una risoluzione estremamente elevata.........
e mantenere una misura "standard" per la maggior parte dei casi..
...oppure come dicevi all'inizio tornare alla percentuale e limitare i danni del ridimensionamento!
Permessi di invio
Rispondi quotando