ερώτηση για viewport

[kidpo21]

Καλησπέρα σε όλους, φτιάχνω μία σελίδα που είναι responsive κ θέλει ο πελάτης η σελίδα σε tablet(ipads)να φαίνεται όπως σε desktop. Το πρόβλημα μου είναι τι viewport να χρησιμοποιήσω;

[alou]

Κώδικας: Επιλογή όλων

<meta name="viewport" content="width="960" />

ή όσο πρέπει να είναι το πλάτος.

Το viewport δεν σου αρκεί αν έχεις και media queries πάντως, πρέπει να τα δεις και αυτά.

[kidpo21]

Ακριβώς alou, το θέμα είναι ότι έχω και media queries και δεν ξέρω ποια είναι η σωστή λύση σε αυτό

[alou]

Η λύση είναι στο CSS σου, δεν θα αλλάξεις properties στα css attributes που αφορούν αυτές τις διαστάσεις ή αν είναι fluid θα δώσεις fixed τιμές. Δεν γίνεται να πάρεις πιο συγκεκριμένη απάντηση.

[fafos]

to pio diadedomeno einai auto:

Κώδικας: Επιλογή όλων

<meta name="viewport" content="width=device-width, initial-scale=1">

an den thes o xrhsths na kanei un-zoom/zoom kollas kai auto:

Κώδικας: Επιλογή όλων

, minimum-scale=1, maximum-scale=1

[apsuh0s]

Αν κατάλαβα τι εννοείς, δεν υπάρχει απάντηση σε αυτό που ρωτάς..

Δεν υπάρχει συγκεκριμένο 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.