HTML πλήρη ανταπόκριση συμβουλές

ψήφοι
0

Λοιπόν, είμαι εφαρμογή ανταπόκριση σε λίγο τα έργα μου για εκπαιδευτικούς σκοπούς.

Έχω εξετάσει ορισμένες ιστοσελίδες όπως: W3Schools-mediaquery

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

Έχω σήμερα κάτι σαν:

@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 1200px) {}

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

@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 650px) {}
@media only screen and (min-width: 700px) {}

Θα κωδικοποίησης μια διεπαφή every 50pxνα είναι χρήσιμη; 10 to 10, 20 to 20, 50 to 50ποια θα ήταν η πλέον συνιστάται; ή είναι άλλο πιο χρήσιμο τρόπο για να το κάνουμε αυτό;

Θα ήθελα να κάνω τα πάντα με το χέρι, bootstrap είναι μια μακρινή εναλλακτική λύση.

Μερικά παραδείγματα, προτάσεις και διορθώσεις είναι ευπρόσδεκτες!

Ευχαριστω για την προσοχη σας.

Δημοσιεύθηκε 08/11/2018 στις 00:04
πηγή χρήστη
Σε άλλες γλώσσες...                            


1 απαντήσεις

ψήφοι
-1

Χρησιμοποιώ ένα μόνο σημείο διακοπής, βασικά είμαι ανίχνευση μόνο τηλέφωνα. Όσον αφορά τη συνολική διάταξη, είμαι με τη χρήση CSS Grid, δεδομένου ότι είναι πιο ικανός. Θεωρώ ότι πολλά σημεία διακοπής είναι ρεαλιστικό να διατηρηθεί και έτσι θεωρώ ότι δεν είναι πλέον θέα tablet. Είναι είτε ένα τηλέφωνο ή όχι ένα τηλέφωνο.

@media screen and (max-width: 767px) {

}
@media screen and (min-width: 768px) {

}
Απαντήθηκε 08/11/2018 στις 00:16
πηγή χρήστη

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more