Praktisk teknisk støtte
Skjermstørrelse, zoom og CSS-piksler
En nettleser skjermstørrelse avlesning er nyttig for støtte, men det er ikke alltid skjerm spesifikasjonen skrevet på esken.
Sist gjennomgått:
Skjermstørrelse og nettleserplass svarer på forskjellige spørsmål
En skjerm kan ha en høy maskinvareoppløsning, mens en nettleser rapporterer en mindre logisk skjerm. Et nettsted må også passe til det faktiske nettleservinduet, som kan være mye smalere enn skjermen. Før du diagnostiserer et beskåret skjema eller en overlappende knapp, må du identifisere hvilken verdi du sammenligner.
Forstå de tre hovedavlesningene
| ReadingCity in Ontario Canada | Hva det beskriver | Bruk den til |
|---|---|---|
| Skjermstørrelse, i CSS- piksler | Skjermdimensjonene som rapporteres av nettleserens skjerm-API. | Forståelse av nettleserens visning av skjermen, med forbehold om skalering og personvern. |
| Nettleservindu, i CSS- piksler | Visningsvinduet for sideoppsettet, i stedet for utsiden av nettleserrammen. | Reprodusere et responsivt layoutproblem eller sammenligne vindusbredder. |
| Enhets pikselforhold | Forholdet mellom enhetspiksler og CSS-piksler i gjeldende nettlesermiljø. | Forklarer tetthet og noen zoomeffekter.Det er ikke en skjermmodell eller en maskinvareinventar. |
Hvorfor zoom og skjermskalering er viktig
CSS- piksler er layoutenheter, ikke et løfte om en fysisk skjermpiksel hver. Skalering av operativsystemet og nettlesersidens zoom kan endre hvordan disse enhetene forholder seg til skjermen. Et vindu med samme ytre dimensjoner kan gi en side mindre layoutplass ved høyere sidezoom. Flytting av en nettleser mellom skjermer kan også endre det rapporterte miljøet.
Knip-zoom på en berøringsenhet er forskjellig fra vanlig sidezoom: det kan forstørre den visuelle visningsvinduet uten å endre layoutvisningsvinduet på samme måte. Denne kontrollen rapporterer nettleserens layoutverdier, så ikke hver synlig zoom-endring vil endre vindusnummeret. visningsvinduet for layouten og device pixel ratio.
Reprodusere en layoutfeil med én kontrollert endring
- Åpne Skjerm- og vinduskontrolleren i den berørte nettleseren.
- Ta opp merket vindu lesing, nettleserversjon og enhver kjent side zoom.
- Hvis det er aktuelt, kan du også sammenligne nettleserens normale sidezoom uten å fjerne tilgjengelighetsinnstillingene du trenger.
- Gå tilbake til den berørte siden og gjenta den samme handlingen.
Hvis for eksempel en kasseknapp overlapper et smalt vindu, men ikke et bredere, så send begge vindusverdiene. Det gir utvikleren et nyttig utgangspunkt for å gjenskape layouten. Det beviser ikke at skjermen er defekt eller at du bør kjøpe en skjerm med høyere oppløsning.
Ta opp den nyttige delen av siden
Et beskåret skjermbilde kan vise overlappingen eller den manglende kontrollen. Ta med nok omgivende innhold til å forklare hvor overlappingen eller den manglende kontrollen oppstår, og fjern navn, kontodetaljer og private faner. Dine gjennomgåtte støttedetaljer.
Hvis du trenger den opprinnelige skjermoppløsningen
Å multiplisere en nettleserskjermlesning med pikselforholdet er ikke en pålitelig måte å bevise panelets opprinnelige oppløsning på, spesielt ikke når det gjelder zoom, eksterne økter, flere skjermer eller personvernkontroller.