Bueno, no te voy a convencer de hacer las cosas bien.
Pero bueno. Si quieres hacerlo como dices, puedes usar la regla @media y añadir algunas
queries para el ancho del navegador y cambiar ese posicionamiento, o márgenes, o lo que sea. Siguiendo con tu ejemplo, algo así podría servirte:
Código CSS:
Ver original@media screen and (max-width: 1920px) {
div.loquesea {
margin: 10px 0 0 20px;
}
}
@media screen and (max-width: 900px) {
div.loquesea {
margin: 50px 0 0 630px;
}
}
En cada @media {} puedes agrupar varios selectores, y todo se va heredando.
Para que funcione bien, sobre todo en dispositivos móviles, tendrías que especificar el ancho del
viewport, que se suele hacer mediante
una meta-etiqueta, al menos hasta que @viewport tenga un soporte más o menos decente.