[SOLUCIONADO] Ajustar resolución en html. Display, block

[seeburii]

Buenas noches.

Os cuento. No se casi nada de html y css, pero estoy haciendo una web con dreamweaver y de momento para lo que quiero me sirve. Estos dos últimos años he aprendido a programar LUA, xml y php muy básico, y algunas etiquetas de html ya conocía.

En mi ordenador la web que estoy haciendo se ve de maravilla, pero tengo el problema de la resolución. Mi monitor es full HD tengo configurada una resolución en mi PC de 1920x1080 px, y al verla en por ejemplo un portatil de una resolución muy menor, se ve con un zoom que queda horrible.

Me han hablado de meter un código como este en un CSS:

Código HTML:

p.inline
{
display:inline;
}

El problema es que por el momento sólo tengo documentos html linkeados entre sí, no tengo archivos css. ¿Sabéis dónde poner ese código o cómo podría hacer para que se ajustara la resolución a todas las resoluciones?

Gracias!

[pzin]

Movemos el tema al foro de CSS. :arriba.

Pues a priori no tiene mucho sentido que haga que nada se adapte automáticamente.

De hecho no hay nada mágico para ajustar los elementos a todas las resoluciones. Más bien son formas de hacer las cosas, metodologías si quieres.
En principio tendrías que crear un diseño líquido. Se basa en que los elementos que forman la estructura del sitio tengan medidas relativas en lugar de medidas fijas, usualmente porcentajes.

Después ya hay técnicas más exquisitas, como diseño web responsivo (RWWD en inglés). Pero se basa sobre todo en un diseño líquido.

Pero tienes que entender que no hay nada que adapte una página mágicamente a una resolución.

[seeburii]

.................................