Adaptar pantalla a toda la resolución @Media Queries ó @Javascript

[wmdiseno]

Alexis88 gracias por responderme de nuevo

así tiene que quedar dentro de los parámetros de style.

Código CSS:

<style type="text/css">
 
@media only screen and (min-width : 800px){
    div{
        width: 900px;
    }
}
 
@media only screen and (min-width : 350px){
    div{
        width: 450px;
    
    }
}
</style>
 

Lo puse adentro del documento del HTML, para que me funcione mas rapido el media queries, pero sin resultado hay algo que debo de hacer? ¿aparte? disculpa por mi ignorancia, Alexis.

gracias saludos!

P.d encontre uno que ahí especifica que nomas copio y pego y LISTO! pero aun así sin resultados tampoco

este es el codigo:

Código CSS:

/* ************ Smartphones - Todos (portrait y landscape) *************** */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Estilos */
}
 
/* ************ Smartphones / Tabletas pequeñas (portrait y landscape) *************** */
@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 767px) {
/* Estilos */
}
 
/* ************ Smartphones - Todos (landscape solamente) *************** */
@media only screen 
and (min-width : 321px) {
/* Estilos */
}
 
/* *************** Smartphones - Todos (portrait nada mas) *************** */
@media only screen 
and (max-width : 320px) {
/* Estilos */
}
 
/* *************** iPads (portrait y landscape) *************** */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Estilos */
}
 
/* *************** iPads (landscape solamente) *************** */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Estilos */
}
 
/* *************** iPads (portrait solamente) *************** */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Estilos */
}
 
/* *************** Desktops and laptops *************** */
@media only screen 
and (min-width : 1224px) {
/* Estilos */
}
 
/* *************** Pantallas mas largas *************** */
@media only screen 
and (min-width : 1824px) {
/* Estilos */
}
 
/* *************** iPhone 4 *************** */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Estilos */
}
 

Abajo del blog dice que nomas lo ponga dentro de styles y Listo!
lo puse así pero aun así ni eso, funciono.