Rob Valkenburg
Gebruiker
- Lid geworden
- 6 dec 2000
- Berichten
- 803
Hallo,
Ik heb in een css diversen "@media" formaten (Desktop, Tablet, Mobiel) opgenomen. Nu is het probleem dat mobiel de site niet exact weergeef zoals ik dat wil.
Nu zou ik gebruik moeten maken van een pixel ratio "@media only screen and (-webkit-min-device-pixel-ratio: 1.5)". Maar ben niet echt wijzer geworden hoe ik dat toepas. Overigens is dit iets nieuws voor mij, dus probeer verschillende dingen uit.
CSS:
Komt die "@media only screen and (-webkit-min-device-pixel-ratio: 3*)" in mijn css bij ieder formaat? *Pixel Ratio verschilt per mobiel.
of komt dit op 1 centrale plek (bv. op de iedere pagina).
Hoop dat iemand dit mij kan uitleggen...
Thnx
Ik heb in een css diversen "@media" formaten (Desktop, Tablet, Mobiel) opgenomen. Nu is het probleem dat mobiel de site niet exact weergeef zoals ik dat wil.
Nu zou ik gebruik moeten maken van een pixel ratio "@media only screen and (-webkit-min-device-pixel-ratio: 1.5)". Maar ben niet echt wijzer geworden hoe ik dat toepas. Overigens is dit iets nieuws voor mij, dus probeer verschillende dingen uit.
CSS:
Code:
@media screen and (min-width:320px) and (max-width:568px){
h1{
font-family: 'Open Sans', sans-serif;
font-size: 25px;
color: green;
}
.logo {
position: relative;
top: -20px;
height: auto;
width: 80%;
}
.sitelogo {
display:none;
}
}
Komt die "@media only screen and (-webkit-min-device-pixel-ratio: 3*)" in mijn css bij ieder formaat? *Pixel Ratio verschilt per mobiel.
of komt dit op 1 centrale plek (bv. op de iedere pagina).
Hoop dat iemand dit mij kan uitleggen...
Thnx