Salve ho cretao delle media queries ma una di queste che ho usato per puntare il samsung galaxy s3 mi punta anche chrome e questo non lo voglio. Come faccio a puntare s3 solamente senza che sia toccato anche chrome?.
Grazie dell'aiuto.
Grazie dell'aiuto.
Codice:
body {
margin: 4% auto;
padding: 0;
}
#canvas {
left: 23.5%;
position: absolute;
width: 55%;
height: 70%;
overflow: hidden;
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width:321px) and (max-width:480px) and (orientation:landscape) {
body {
}
#canvas {
left: 10%;
width: 80%;
height: 90%;
}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width:320px) and (orientation:portrait) {
body {
margin: 40% auto;
}
#canvas {
left: 20%;
width: 60%;
height: 40%;
}
}
/* Samsung S3 (Landscape) and chrome ----------------------- */
@media only screen and (-webkit-device-pixel-ratio:2) and (orientation:landscape) {
body {
margin: 0;
}
#canvas {
left: 0;
width: 100%;
height: 100%;
}
}
/* Samsung S3 (Portrait) and chrome----------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
body {
margin: 0;
}
#canvas {
left: 0;
width: 100%;
height: 100%;
}
}
/* Iphone 5 --------------------------------------------- */
@media screen and (device-width : 320px) and (device-height : 568px) and (-webkit-device-pixel-ratio : 2) {
body {
margin: 0;
}
#canvas {
left: 0;
width: 100%;
height: 100%;
}
}
@media screen and (device-aspect-ratio : 40/71) {
body {
margin: 0;
}
#canvas {
left: 0;
width: 100%;
height: 100%;
}
}
