ερώτηση για viewport

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
kidpo21
Δημοσιεύσεις: 37
Εγγραφή: 09 Φεβ 2012 20:14
Τοποθεσία: thessaloniki
Επικοινωνία:

ερώτηση για viewport

Δημοσίευση από kidpo21 » 01 Ιουν 2014 23:12

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

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

ερώτηση για viewport

Δημοσίευση από alou » 02 Ιουν 2014 00:32

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

<meta name="viewport" content="width="960" />
ή όσο πρέπει να είναι το πλάτος.

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

kidpo21
Δημοσιεύσεις: 37
Εγγραφή: 09 Φεβ 2012 20:14
Τοποθεσία: thessaloniki
Επικοινωνία:

ερώτηση για viewport

Δημοσίευση από kidpo21 » 02 Ιουν 2014 01:46

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

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

ερώτηση για viewport

Δημοσίευση από alou » 02 Ιουν 2014 09:47

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

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6237
Εγγραφή: 30 Νοέμ 2004 03:09

ερώτηση για viewport

Δημοσίευση από fafos » 02 Ιουν 2014 11:28

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
Script Master
Δημοσιεύσεις: 412
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

ερώτηση για viewport

Δημοσίευση από apsuh0s » 02 Ιουν 2014 14:21

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

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

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες