Praktisk teknisk support
Skärmstorlek, zoom och CSS-pixlar
En webbläsares avläsning av skärmstorlek är användbar för support, men det är inte alltid skärmspecifikationen som står tryckt på lådan.
Senast granskad: 1 år sedan
Skärmstorlek och webbläsarutrymme svarar på olika frågor
En bildskärm kan ha en hög hårdvaruupplösning, medan en webbläsare rapporterar en mindre logisk skärm.En webbplats måste också passa det faktiska webbläsarfönstret, som kan vara mycket smalare än skärmen.Innan du diagnostiserar ett klippt formulär eller en överlappande knapp, identifiera vilket värde du jämför.
Förstå de tre huvudsakliga avläsningarna
| Läsning | Vad det beskriver | Använd den för |
|---|---|---|
| Skärmstorlek, i CSS-pixlar | Skärmdimensionerna som rapporteras av webbläsarens skärm-API. | Förstå webbläsarens syn på skärmen, med förbehåll för skalning och integritetsbeteende. |
| Webbläsarfönster, i CSS-pixlar | Sidlayoutens visningsfönster, i stället för utanför webbläsarens ram. | Reproducera ett responsivt layoutproblem eller jämföra fönsterbredder. |
| Enhetens pixelförhållande | Förhållandet mellan enhetspixlar och CSS-pixlar i den aktuella webbläsarmiljön. | Förklarar densitet och vissa zoomeffekter.Det är inte en bildskärmsmodell eller en hårdvaruinventering. |
Varför zoomning och skalning är viktigt
CSS-pixlar är layoutenheter snarare än ett löfte om en fysisk skärmpixel vardera. Operativsystemets skalning och webbläsarens sidzoom kan ändra hur dessa enheter förhåller sig till skärmen. Ett fönster med samma yttre dimensioner kan ge en sida mindre layoututrymme vid högre sidzoom. Att flytta en webbläsare mellan skärmar kan också ändra dess rapporterade miljö.
Nypzoomning på en pekskärm skiljer sig från vanlig sidzoomning: den kan förstora det visuella visningsfönstret utan att ändra layoutvisningsfönstret på samma sätt. Den här kontrollen rapporterar webbläsarens layoutvärden, så varje synlig zoomning ändrar inte fönsternumret. layoutvyfönstret och enhetens pixelförhållande.
Reproducera ett layoutfel med en kontrollerad ändring
- Öppna skärm- och fönsterkontrollen i den berörda webbläsaren.
- Spela in det märkta fönstrets läsning, webbläsarversion och känd sidzoom.
- Om det är lämpligt kan du även jämföra webbläsarens normala sidzoom, utan att ta bort de tillgänglighetsinställningar du behöver.
- Gå tillbaka till den berörda sidan och upprepa samma åtgärd.
Om till exempel en kassaknapp överlappar ett smalt fönster men inte ett bredare, skickar du avläsningarna för båda fönstren. Det ger en utvecklare en användbar utgångspunkt för att återskapa layouten, men det bevisar inte att bildskärmen är defekt eller att du bör köpa en bildskärm med högre upplösning.
Fånga den användbara delen av sidan
En beskuren skärmdump kan visa överlappningen eller den saknade kontrollen. Inkludera tillräckligt med omgivande innehåll för att förklara var det inträffar, samtidigt som du tar bort namn, kontouppgifter och privata flikar. dina granskade supportuppgifter.
Om du behöver den ursprungliga bildskärmsupplösningen
Att multiplicera en webbläsares skärmläsning med dess pixelförhållande är inte ett tillförlitligt sätt att bevisa panelens ursprungliga upplösning, särskilt inte när det handlar om zoomning, fjärrsessioner, flera skärmar eller sekretesskontroller.