Το Responsive Πλήρης σενάριο εικόνα φόντου δείχνει σχεδιαστές ιστοσελίδων πώς να αποφύγει την Javascript και να χρησιμοποιούν μόνο CSS κώδικα για να κάνει τις εικόνες σωστά εμφανιστούν σε ολόκληρη την περιοχή μιας σελίδας, χωρίς περίβλημα οποιαδήποτε κενή λευκή τμήματα.
Ενώ το "υπόβαθρο-size:" κάλυψη CSS ιδιοκτησία μπορεί να επιτύχει αυτό από μόνη της, επειδή οι περισσότερες ιστοσελίδες αυτές τις μέρες πρόσβαση από κινητές και επιτραπέζιες συσκευές σε τακτική βάση, εάν η εικόνα φόντου δεν είναι σωστά επιλεγμένο, σε μία από αυτές τις συσκευές , η εικόνα δεν θα ταιριάζει πάντα μέσα στο παράθυρο σωστά.
Αυτό το σενάριο προσθέτει επίσης ένα ερώτημα CSS3 μέσα ενημέρωσης να στοχεύουν τις μικρές συσκευές με οθόνη και έτσι να βεβαιωθείτε ότι μια διαφορετική, πιο κατάλληλο και πιο ανάλαφρη εικόνα χρησιμοποιείται για smartphones και tablets.
Συνολικά αυτό το τέχνασμα μπορεί να είναι αρκετά χρήσιμη, ιδίως δεδομένου ότι για μερικά χρόνια τώρα υψηλής ποιότητας εικόνες φόντου είναι μια κοινή τάση η βιομηχανία web design.
. Ένα demo περιλαμβάνεται το Responsive Πλήρης Εικόνα φόντου Χρησιμοποιώντας το πακέτο CSS
Απαιτήσεις :
- CSS 3 enabled browser
Τα σχόλια δεν βρέθηκε