Cómo mantener la posición del texto en un sitio web cuando el usuario minimiza la ventana

Sí. Si establece la altura y el ancho mínimos de acuerdo con la pantalla de su PC, el texto se volvería loco en una pantalla de móvil o tableta. Lo mismo ocurre con sus otros componentes de la página, como imágenes, divs, tablas, etc.

Para asegurarse de que eso no suceda, tendrá que aprender a codificar teniendo en cuenta tamaños de dispositivo específicos y tener diferentes posiciones para el mismo objeto para diferentes tamaños de pantalla. Eso se conoce como diseño receptivo.

Hay muchos trucos CSS, por ejemplo, consultas de medios que puede usar para definir parámetros CSS para tamaños de dispositivo específicos. Tendrá que aprender sobre eso en un pequeño detalle para poder implementar el diseño receptivo.

O la otra opción es usar Bootstrap. Es un marco desarrollado por los desarrolladores de Twitter, para implementar el diseño receptivo. Es solo una biblioteca de clases predefinidas para CSS y JAVASCRIPT, que puede usar directamente en su propio HTML. Pásate por getbootstrap.com para más información. También hay otros marcos de este tipo, pero Bootstrap es el más utilizado.

Aclamaciones.

Lo obtengo de http://www.htmlgoodies.com

  • POSICIONAMIENTO ESTÁTICO: esta es la forma predeterminada en que se posicionan los elementos HTML. No hay propiedades superiores, inferiores, izquierda o derecha definidas para los elementos HTML.
  • POSICIONAMIENTO FIJO: ¿Alguna vez ha estado en un sitio web que tenía una imagen o texto que permanecía en un lugar incluso cuando desplazaba la página? Eso es posicionamiento fijo. Los elementos de posición fija permanecerán fijos en esa misma ubicación, independientemente del tamaño de la ventana del navegador o si se desplaza. Al igual que los elementos posicionados absolutos, los elementos posicionados fijos se eliminan del flujo de documentos y pueden superponerse a otros elementos. A diferencia de los elementos posicionados absolutos, estos no son relativos a los elementos primarios.
  • POSICIONAMIENTO RELETIVO: los elementos divididos por referencia se colocan en relación con su posición en el flujo de documentos. Supongamos que tiene cinco párrafos en una página y coloca el tercero en una posición relativa, se moverá hacia abajo y a la izquierda de la ubicación en la que habría estado en el flujo de documentos (siempre que establezca las propiedades superior e izquierda). Además, aunque se movió el tercer párrafo, su ubicación en el flujo del documento (tamaño / ancho) se conserva como si todavía estuviera allí.
  • Espero que vayas y busques en htmlgoodies.com para más referencias.