Ciao a tutti, vi scrivo perchè davvero ho bisogno come fare x risolvere un problema:
Io ho alcuni siti che sono ovviamente responsive, per alcuni ho anche usato Bootstrap, ora nei miei CSS ci sono varie media queries per i vari breakpoint, come è normale che sia....
Per i dispositivi come smartphone ho diversi breakpoint, tipo a 320px, o 620px ecc....
Poi si sale a breakpoint + alti, intorno ai 1000px o anche di più
(PER ES: @media only screen and (max-width:1020px) ) ,
e io PER QUESTE RISOLUZIONI (CHE NORMALMENTE SONO DI MONITOR X PC) ho impostato la visualizzazione adatta ai monitor x pc, quindi per esempio, la foto a sinistra e a destra l'autore del post e la descrizione (50% x la foto e 50% per autore e descrizione)
Ma il problema è che ci sono ormai vari smatphone, tra cui i nuovi iphone e samsung che hanno una tale densità di pixel che in modalità portrait (verticale) hanno in larghezza circa 1000px o più...
..e quindi aprendo una mia pagina con una foto su questi dispositivi, mi ritrovo con una foto piccolina a sinistra e l'autore della foto con la descrizione schiacciato nella parte destra....(50% x la foto e 50% per autore e descrizione)
Come potrei fare a risolvere questo problema SOLO PER I DISPOSITIVI AD ALTA DENSITA' DI PIXEL?
Grazie