con estas instrucciones CSS te queda full responsive para todos los dispositivos
/* Ubicación de la imagen */
background-image: url(miImagen.jpg);
/* Nos aseguramos que la imagen de fondo este centrada vertical y
horizontalmente en todo momento */
background-position: center center;
/* La imagen de fondo no se repite */
background-repeat: no-repeat;
/* la altura del contenido supere la altura de la imagen. */
background-attachment: fixed;
/* La imagen de fondo se reescala cuando se cambia el ancho de ventana
del navegador */´ç
background-size: cover;
/* Fijamos un color de fondo para que se muestre mientras se está
cargando la imagen de fondo o si hay problemas para cargarla */
background-color: #464646;
Si todavia estas fresco en css te recomiendo empieces por lo basico
aca abajo te paso una serie de videos tutopriales para arrancar
https://www.youtube.com/watch?v=24gNhTcy6pw una vez ya estes un poco mas avanzado podes empezar a usar librerias ya hechas como el caso de la mas conocida bootstrap, te va a hacer ahorrar mucho tiempo
Saludos espero te sirva !!
En la hoja tengo ya un encabezado tipo para todas las hojas y menú a la derecha en vertical no desplegable si no fijo, hasta aquí todo ok la pantalla se ajusta ok, el problema de ajuste de pantalla es cuando creo DIV debajo de los que ya tengo como plantilla, pro ejemplo este:
*{
margin:0px;
padding:0px;
}
div#correo{ /*DIV PARA CORREO */
position:absolute;
top:250; /* Distancia de CABECERA */
margin-top:auto;
background:#f90; /* Color Fondo icono F90*/
left:5vw;
width:auto;
height:auto;
font-family:tahoma;
font-size:200px; /* Tamaño Icono200*/
}
div#correo ul{
list-style:none;
}
.icon-mail:before {
content: "\900";
}
y en Html :
<div ID="correo">
<a target="_blank" href="mailto:eugeniocol_03@yahoo.es">
<div>
<span class="icon-mail2"></span>
</div>
</div></a>