He realizado múltiples proyectos personales para practicar diseños de sitios web y diferentes marcos JS. En su mayor parte, aprendí a hacer un diseño receptivo, ya sea con consultas de medios de CSS puro y flexbox, o con marcos como Bootstrap y Materialise. Sin embargo, todavía no he podido resolver los problemas de mejora de la resolución de la pantalla y, en este punto, no sé por dónde empezar.

La resolución de mi pantalla de configuración de trabajo es estándar de 1920x1080, pero cada vez que cargo mis proyectos en monitores con una resolución más alta, ninguno de los elementos (texto, imágenes, SVG) aumenta de tamaño, mientras se mantienen en sus posiciones relativas/absolutas en el diseño, lo que hace que el todo el diseño se desmorona o se desarticula. Lo mismo sucede cuando cambio artificialmente la resolución de la pestaña en Chrome con las herramientas de desarrollo.

Mi configuración es bastante básica, estoy usando VS Code, con un servidor de prueba de nodo local en segundo plano y Chrome. Ninguna documentación o tutoriales han abordado esto, por lo que no sé dónde buscar respuestas. Por favor, ayúdame...