• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Rendere compatibile sito web html con i dispositivi mobili

Giovanni2012

Utente Assiduo
Autore del topic
19 Febbraio 2012
523
21
Miglior risposta
0
Ciao ragazzi, ho un altro problema..
Il sito sui cellulari non si vede bene, nel senso che alcune cose si vedono tutte sfasate.. non so da cosa possa dipendere.. ecco qui il responsive.css
/* This Css is for small mobile */

@media (max-width: 769px) {
.single_store {
border-left: 0px;
}
.last {
border-right: 0px;
}
.iphone {
float: none;
text-align: center;
}
.about_phone {
text-align: center;
}
.video {
padding-top: 50px;
}
.video-button {
text-align: center;
}
.call_to_action .col-md-3 {
text-align: center;
padding-top: 50px;
}
.single_fun_facts {
padding-bottom: 60px;
}
.about_phone img {
width: 100%;
}
}
/* This Css is for tablet */

@media (min-width: 761px) {
.single_store {
border-left: 0px;
}
.last {
border-right: 0px;
}
.iphone {
float: none;
text-align: center;
}
.about_phone {
text-align: center;
}
.call_to_action .col-md-3 {
text-align: center;
padding-top: 50px;
}
.video-button {
text-align: center;
}
.single_fun_facts {
padding-bottom: 60px;
}
.video {
padding-top: 50px;
}
}
/* This Css is for Medium Deviced */

@media (min-width: 993px) {
.last {
border-right: 1px solid #0F1217;
}
.single_store {
border-left: 1px solid #0F1217;
}
.iphone {
float: right;
}
.video-button {
text-align: left;
}
.call_to_action .col-md-3 {
text-align: right;
padding-top: 0px;
}
.single_fun_facts {
padding-bottom: 0px;
}
.video {
padding-top: 00px;
}
}
/* This Css is for large Deviced */

@media (min-width: 1200px) {
.last {
border-right: 1px solid #0F1217;
}
.single_store {
border-left: 1px solid #0F1217;
}
.iphone {
float: right;
}
.video-button {
text-align: left;
}
.call_to_action .col-md-3 {
text-align: right;
padding-top: 0px;
}
.video {
padding-top: 0px;
}
}
8yby1f.png
ecco un esempio
@#Settings @System32
 
Ultima modifica:
Devi sistemare tu i vari id (quelli dei div, immagini etc.) con le grandezze!