REM funciona de igual manera que px? Tengo entendido que REM es relativo y px es absoluto. Pero cuando uso REM para definir el width de u...

REM funciona de igual manera que px?

Tengo entendido que REM es relativo y px es absoluto. Pero cuando uso REM para definir el width de una caja, al achicar el tamaño de la ventana, la caja siempre mantiene su tamaño y genera overflow o scroll horizontal lo cual segun yo, NO deberia de pasar.

Porque al ver eso noto que REM me esta funcionando igual que PX. No se si sea asi REM o estoy haciendo algo mal con mi codigo de css. Me gustaria que expliquen.

Ya que igual pasa con el tamaño de los textos en rem, aunque cambie a un dispositivo movile, siempre se ve con el mismo tamaño como que si estuviera usando px

adjunto mi codigo

*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html
{
    font-size: 62.5%;
}



div{
    width: 100rem;
    height: 100rem;
    background-color: green;
}