Sollte die Größe der Browseroberfläche beim Design von Web-Apps berücksichtigt werden?

Sie sollten diese Größen in dem Sinne berücksichtigen, dass Sie daran denken sollten, dass Ihr Design reaktionsschnell sein muss, aber die Größe Ihrer Zeichenfläche auf einen genauen Pixelwert ist überhaupt nicht notwendig.

Worüber Sie sich viel mehr Sorgen machen sollten, ist, welche Bildschirmgrößen Ihre Benutzer verwenden werden. Wenn Sie dies anhand von Statistiken feststellen können, ist das großartig. Meistens müssen Sie sich auf eine ungefähre Breitenskala von 300-1600 Pixeln konzentrieren, obwohl es auf viel größeren Bildschirmen immer noch funktionieren sollte.

Denken Sie beim Entwerfen einer Komponente daran, wie sie auf verschiedenen Bildschirmgrößen (Telefone, Tablets, Laptops, große Bildschirme) aussehen wird. Wenn Sie dies für alle Komponenten tun können, sollte es Ihnen gut gehen.

Ihre Website sollte für das beste Erlebnis auf die Browserbreite reagieren, und Bilder sollten mit ihr skalieren. Ich würde nicht empfehlen, Bilder mit absichtlich bestimmten Abmessungen zu erstellen, wenn man bedenkt, dass so viele Browser unterschiedlich sind, sogar auf dem Desktop. Sie können (und sollten es wahrscheinlich auch) dies durch CSS oder eine andere Stilformatierung erreichen. Als ich eine Webanwendung für meine A-Level-Kursarbeit erstellt habe, habe ich https://www.w3schools.com/css/css_rwd_viewport.asp verwendet , was sehr praktisch war. Es dreht auch automatisch das Seitenporträt, wenn es schmaler als 600 Pixel ist (meiner Erfahrung nach).