J'ai cette @media
configuration:
HTML :
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
CSS :
@media screen and (min-width: 769px) {
/* STYLES HERE */
}
@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
/* STYLES HERE */
}
@media only screen and (max-device-width: 480px) {
/* STYLES HERE */
}
Avec cette configuration, cela fonctionne sur l'iPhone mais cela ne fonctionne pas dans le navigateur.
Est-ce parce que je l'ai déjà device
dans la méta, et peut-être à la max-width:480px
place?
@media screen and (min-width:769px){
styles de navigateur habituels