Gerätetyp ermitteln, um die Website zu beschleunigen

Question

Ich möchte einen Weg finden, den Gerätetyp von Besuchern zu erkennen, um nur das relevante Stylesheet zu laden. (Entweder Desktop oder Mobile CSS) In der Tat, das CSS ist Render-Blockierung, so möchte ich vermeiden, dass 2 .CSS jedes Mal geladen werden (style.css UND mobile.css) Vielleicht gibt es eine andere Möglichkeit, es zu tun? Grüße,

Answer 1

<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />

Above CSS gelten nur für Geräte mit Bildschirm mit zwischen 701px und 900px.

Sie können Medienabfragen verwenden und Haltepunkte setzen. Unter dem folgenden Link finden Sie weitere Informationen.

https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints/

https://css-tricks.com/resolution-specific-stylesheets/