5
Ho una pagina Web con un design reattivo (ho usato Bootstrap). Tutto funziona molto bene per le dimensioni di dispositivi mobili, tablet e desktop. Ma quando sto usando schermi o dispositivi ad alta risoluzione (più di 1920x1080px) il sito diventa molto piccolo.Il sito Web sullo schermo ad alta risoluzione è troppo piccolo
Potete dirmi, per favore, qual è una buona soluzione? Ho provato lo zoom per i dispositivi ad alta risoluzione, ma sto ricevendo bug (elencati di seguito).
@media (min-width: 1900px){
html {
zoom: 150%;
-ms-zoom: 1.5;
-webkit-zoom: 1.5;
-moz-transform: scale(1.5,1.5);
transform-origin: center top ;
}
body { /* use only for IE */
zoom: 1.5;
/* -ms-transform-origin: left top; */
}
}
Bugs:
non è centrata in IE
Influisce JScrollPane plugin di velocità di scorrimento in IE e Firefox
forse ci sono altre soluzioni?
Grazie in anticipo !!!
La cosa da controllare è guardare il sito di Bootstrap sullo stesso schermo. Ho uno schermo cinematografico, molto grande, ed è delle dimensioni giuste, quindi c'è qualcosa di sbagliato nel tuo CSS. Stai pensando che sia troppo stretto? Questo può essere regolato dalle domande dei media. – Christina