Originariamente inviata da
shane007
Per l'ultima domanda non saprei perchè... Con le media queries che hai scritto dovrebbero vedersi tutte!
Ora ti spiego meglio. Tieni conto di questa pagina HTML:
codice:
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div align="center" id="headerdiv">
<span id="headerspan">LOREM IPSUM LOREM</span>
</div>
<button id="playnow">Inizia ora!</button>
</body>
</html>
e del suo codice CSS:
codice:
@media screen and (min-width: 1024px){ #playnow{margin-left: 440px !important;}}
@media screen and (min-width: 4096px){#playnow{margin-left: 1950px !important;}}
@media screen and (min-width: 931px){#playnow{margin-left: 390px !important;}}
@media screen and (min-width: 819px){#playnow{margin-left: 310px !important;}}
body {
background-repeat:no-repeat;
background-size: cover;
}
#headerspan {
margin-top: 110px;
font-family: Arial;
color: white;
font-size: 30px;
}
#headerdiv {
margin-top: 17px;
}
#playnow {
margin-top: 140px;
background-color: #174c94;
width: 140px;
height: 40px;
border: none;
border-radius: 5px;
font-family: Arial;
color: white;
font-size: 17px;
}
Se provi a far partire la pagina e poi provi a fare CTRL - e CTRL + (per variare le dimensioni della finestra) vedrai che il bottone INIZIA ORA non obbedisce ai comandi. Anche se provi a cambiare le coordinate (margin-left ecc) non ti ascolta -.-
Per quanto riguarda la domanda che non hai capito... io vedo moltissimi siti web (ovviamente compresi quelli famosi come facebook ecc) che se fai CTRL - e vari le dimensioni della finestra, la pagina si ridimensiona in modo PERFETTO e tutto non si muove dal CENTRO della pagina.
Perciò ti chiedevo, non c'è un modo per fare una proporzione di risoluzione? Ad esempio il mio schermo è 1024px di larghezza e il bottone ci sta bene a 410px dal margine destro, allora 1024:410=risoluzione2:x
Capito?
Rispondi quotando