ερώτηση για viewport
Συντονιστές: WebDev Moderators, Super-Moderators
ερώτηση για viewport
Καλησπέρα σε όλους, φτιάχνω μία σελίδα που είναι responsive κ θέλει ο πελάτης η σελίδα σε tablet(ipads)να φαίνεται όπως σε desktop. Το πρόβλημα μου είναι τι viewport να χρησιμοποιήσω;
ερώτηση για viewport
Κώδικας: Επιλογή όλων
<meta name="viewport" content="width="960" />
Το viewport δεν σου αρκεί αν έχεις και media queries πάντως, πρέπει να τα δεις και αυτά.
ερώτηση για viewport
Ακριβώς alou, το θέμα είναι ότι έχω και media queries και δεν ξέρω ποια είναι η σωστή λύση σε αυτό
ερώτηση για viewport
Η λύση είναι στο CSS σου, δεν θα αλλάξεις properties στα css attributes που αφορούν αυτές τις διαστάσεις ή αν είναι fluid θα δώσεις fixed τιμές. Δεν γίνεται να πάρεις πιο συγκεκριμένη απάντηση.
ερώτηση για viewport
to pio diadedomeno einai auto:
an den thes o xrhsths na kanei un-zoom/zoom kollas kai auto:
Κώδικας: Επιλογή όλων
<meta name="viewport" content="width=device-width, initial-scale=1">
Κώδικας: Επιλογή όλων
, minimum-scale=1, maximum-scale=1
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...
- apsuh0s
- Script Master
- Δημοσιεύσεις: 413
- Εγγραφή: 01 Νοέμ 2005 21:38
- Τοποθεσία: Ηράκλειο
- Επικοινωνία:
ερώτηση για viewport
Αν κατάλαβα τι εννοείς, δεν υπάρχει απάντηση σε αυτό που ρωτάς..
Δεν υπάρχει συγκεκριμένο viewport για desktops και άλλο για tablets. Συνηθίζεται να δίνονται ονόματα στις μεταβλητές του viewport αλλά αυτό είναι καθαρά θέμα συνεννόησης.
Για παράδειγμα:
// Breakpoint μεταβλητές
$extra-small: 20em; // --> 320px για 16px font-size
$small: 30em; // --> 480px για 16px font-size
$medium: 40em; // --> 640px για 16px font-size
$large: 60em; // --> 960px για 16px font-size
Τώρα αν εσύ ονομάζεις το "medium" "tablet" και το "large" "desktop" αυτό είναι καθαρά δικό σου θέμα (αν και σημασιολογικά υπάρχουν αντιρρήσεις)
Συνεπώς, για να πετύχεις αυτό που θέλεις -σύμφωνα με τα παραπάνω- θα αφαιρέσεις ή θα προσθέσεις μεταβλητές στη λίστα με τις μεταβλητές.
Κατά τη γνώμη μου, δεν είναι σωστό να ξεκινάς να σχεδιάζεις με προκαθορισμένα breakpoints. (από την ερώτηση σου υποπτεύομαι πως αυτό έχεις κάνει). Αυτό που πρέπει να κάνεις είναι να δημιουργείς το περιεχόμενο και το ίδιο το περιεχόμενο θα σου δείξει τα διάφορα breakpoints.
Δεν υπάρχει συγκεκριμένο viewport για desktops και άλλο για tablets. Συνηθίζεται να δίνονται ονόματα στις μεταβλητές του viewport αλλά αυτό είναι καθαρά θέμα συνεννόησης.
Για παράδειγμα:
// Breakpoint μεταβλητές
$extra-small: 20em; // --> 320px για 16px font-size
$small: 30em; // --> 480px για 16px font-size
$medium: 40em; // --> 640px για 16px font-size
$large: 60em; // --> 960px για 16px font-size
Τώρα αν εσύ ονομάζεις το "medium" "tablet" και το "large" "desktop" αυτό είναι καθαρά δικό σου θέμα (αν και σημασιολογικά υπάρχουν αντιρρήσεις)
Συνεπώς, για να πετύχεις αυτό που θέλεις -σύμφωνα με τα παραπάνω- θα αφαιρέσεις ή θα προσθέσεις μεταβλητές στη λίστα με τις μεταβλητές.
Κατά τη γνώμη μου, δεν είναι σωστό να ξεκινάς να σχεδιάζεις με προκαθορισμένα breakpoints. (από την ερώτηση σου υποπτεύομαι πως αυτό έχεις κάνει). Αυτό που πρέπει να κάνεις είναι να δημιουργείς το περιεχόμενο και το ίδιο το περιεχόμενο θα σου δείξει τα διάφορα breakpoints.
.ninja { color: black; visibility: hidden !important; }
Μέλη σε σύνδεση
Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης