Link rel="alternate"

Dobry wieczór,
Mam kolejny problem.
Chciałbym, aby na urządzeniu o szerokości ekranu większej niż załóżmy 1500px, otworzyła się inna strona html.

Da się to zrobić w ten sposób, że w ‘head’ umieszczę wpis ’ link rel=“alternate” href=“innastron.html” media=“screen and (min-device-width:1500px)” ?? Niestety nie działa mi takie coś.

Czy jest to w ogóle wykonalne w ten sposób?

Jedynym jaki mi przychodzi do głowy sposobem to wkorzystanie javascript, który sprawdzi szerokość ekranu i jeżeli jest większa to zrobi przekierowanie - tak to by się dało zrobić. A po co to jest ? skąd taki pomysł?

Strony internetowe Szczein

A nie wystarczy inny arkusz stylów dla mniejszych i większych monitorów?

No wystarczy, ale jak to zrobić?
Mam zdefiniować w sekcji head kilka link rel stylesheet i dołożyć do każdego media screen?

https://www.w3schools.com/css/css_rwd_mediaqueries.asp