Πρακτική τεχνική υποστήριξη

Μέγεθος οθόνης, ζουμ και CSS εικονοστοιχεία

Η ανάγνωση μεγέθους οθόνης ενός προγράμματος περιήγησης είναι χρήσιμη για την υποστήριξη, αλλά δεν είναι πάντα η προδιαγραφή οθόνης που είναι τυπωμένη στο κουτί.

Τελευταία αναθεώρηση: 2016

Το μέγεθος της οθόνης και ο χώρος του προγράμματος περιήγησης απαντούν σε διαφορετικές ερωτήσεις

Μια οθόνη μπορεί να έχει υψηλή ανάλυση υλικού, ενώ ένα πρόγραμμα περιήγησης αναφέρει μια μικρότερη λογική οθόνη.Μια τοποθεσία πρέπει επίσης να χωράει στο πραγματικό παράθυρο του προγράμματος περιήγησης, το οποίο μπορεί να είναι πολύ στενότερο από την οθόνη.Πριν διαγνώσετε μια περικομμένη φόρμα ή ένα επικαλυπτόμενο κουμπί, προσδιορίστε ποια τιμή συγκρίνετε.

WAIU διαχωρίζει το μέγεθος οθόνης, το μέγεθος παραθύρου του προγράμματος περιήγησης και την αναλογία συσκευής σε γραμμές με ετικέτες.
Ένα πραγματικό παράδειγμα με ανάγνωση οθόνης 3440 × 1440 και ένα μικρότερο παράθυρο προγράμματος περιήγησης 1280 × 720 Αυτές είναι οι τιμές που αναφέρονται από το πρόγραμμα περιήγησης, όχι οι συνιστώμενες ρυθμίσεις. Προβολή πλήρους μεγέθους (ανοίγει σε νέα καρτέλα).

Κατανοήστε τις τρεις κύριες αναγνώσεις

Ποια μέτρηση είναι χρήσιμη;
ΑνάγνωσηΤι περιγράφειΧρησιμοποιήστε το για
Μέγεθος οθόνης, ίντσες CSS εικονοστοιχείαΟι διαστάσεις της οθόνης που αναφέρονται από το πρόγραμμα περιήγησης.Κατανόηση της προβολής της οθόνης του προγράμματος περιήγησης, με την επιφύλαξη της κλιμάκωσης και της συμπεριφοράς απορρήτου.
Παράθυρο προγράμματος περιήγησης CSS εικονοστοιχείαΤο παράθυρο προβολής διάταξης της σελίδας και όχι το εξωτερικό του πλαισίου του προγράμματος περιήγησης.Αναπαραγωγή ενός προβλήματος διάταξης απόκρισης ή σύγκριση πλατών παραθύρων.
Αναλογία εικονοκυττάρου συσκευώνΗ σχέση μεταξύ των εικονοστοιχείων συσκευών και CSS εικονοστοιχεία στο τρέχον περιβάλλον περιήγησης.Εξηγώντας την πυκνότητα και μερικά εφέ Δεν είναι ένα μοντέλο οθόνης ή μια απογραφή υλικού.

Γιατί έχει σημασία το ζουμ και η κλιμάκωση της οθόνης

CSS Η κλιμάκωση του λειτουργικού συστήματος και το ζουμ σελίδας του προγράμματος περιήγησης μπορεί να αλλάξει τον τρόπο με τον οποίο αυτές οι μονάδες σχετίζονται με την οθόνη. Ένα παράθυρο με τις ίδιες εξωτερικές διαστάσεις μπορεί να δώσει σε μια σελίδα λιγότερο χώρο διάταξης σε υψηλότερο ζουμ σελίδας. Η μετακίνηση ενός προγράμματος περιήγησης μεταξύ οθονών μπορεί επίσης να αλλάξει το αναφερόμενο περιβάλλον του.

Το ζουμ τσίμπημα σε μια συσκευή αφής είναι διαφορετικό από το συνηθισμένο ζουμ σελίδας: μπορεί να μεγεθύνει το οπτικό παράθυρο προβολής χωρίς να αλλάξει το παράθυρο προβολής διάταξης με τον ίδιο τρόπο. Αυτός ο ελεγκτής αναφέρει τις τιμές διάταξης του προγράμματος περιήγησης, έτσι ώστε κάθε ορατή αλλαγή ζουμ να μην αλλάξει τον αριθμό του παραθύρου. το παράθυρο προβολής διάταξης και Αναλογία εικονοκυττάρου συσκευής.

Αναπαραγωγή σφάλματος διάταξης με μία ελεγχόμενη αλλαγή

  1. Άνοιγμα ο ελεγκτής οθόνης και παραθύρων στο πρόγραμμα περιήγησης που επηρεάζεται.
  2. Καταγράψτε την ανάγνωση παραθύρων με ετικέτα, την έκδοση του προγράμματος περιήγησης και οποιοδήποτε γνωστό ζουμ σελίδας.
  3. Αν είναι κατάλληλο, συγκρίνετε επίσης το κανονικό ζουμ σελίδας του προγράμματος περιήγησης, χωρίς να καταργήσετε τις ρυθμίσεις προσβασιμότητας που χρειάζεστε.
  4. Επιστρέψτε στην επηρεαζόμενη σελίδα και επαναλάβετε την ίδια ενέργεια.

Για παράδειγμα, εάν ένα κουμπί ολοκλήρωσης αγοράς επικαλύπτεται σε ένα στενό παράθυρο, αλλά όχι σε ένα ευρύτερο, στείλτε τις ενδείξεις και των δύο παραθύρων. Αυτό παρέχει σε έναν προγραμματιστή ένα χρήσιμο σημείο εκκίνησης για την αναπαραγωγή της διάταξης, αλλά δεν αποδεικνύει ότι η οθόνη είναι ελαττωματική ή ότι θα πρέπει να αγοράσετε μια οθόνη υψηλότερης ανάλυσης.

Καταγράψτε το χρήσιμο μέρος της σελίδας

Ένα περικομμένο στιγμιότυπο οθόνης μπορεί να δείξει την επικάλυψη ή το στοιχείο ελέγχου που λείπει.Συμπεριλάβετε αρκετό περιβάλλον περιεχόμενο για να εξηγήσετε πού συμβαίνει, ενώ καταργείτε ονόματα, στοιχεία λογαριασμού και ιδιωτικές καρτέλες. Στείλτε το μέσω του αξιόπιστου καναλιού υποστήριξης της υπηρεσίας με τα στοιχεία υποστήριξης που έχουν αναθεωρηθεί.

Αν χρειάζεστε την εγγενή ανάλυση οθόνης

Ελέγξτε τις ρυθμίσεις οθόνης του λειτουργικού συστήματος και τις προδιαγραφές της οθόνης Ο πολλαπλασιασμός της ανάγνωσης οθόνης του προγράμματος περιήγησης με την αναλογία δεν είναι ένας αξιόπιστος τρόπος για να αποδείξετε την εγγενή ανάλυση του πάνελ, ειδικά με ζουμ, απομακρυσμένες συνεδρίες, πολλαπλές οθόνες ή ελέγχους απορρήτου.