Το Responsive Spacer block προσθέτει κενό χώρο στον ιστότοπό σας, τον οποίο μπορείτε να ορίσετε σε διαφορετικές μονάδες. Σας επιτρέπει να εμφανίζετε το διαχωριστικό και στις μικρότερες οθόνες όπου το ύψος της ράβδου δεν είναι ο ίδιος σταθερός αριθμός pixel σε μεγάλους επιτραπέζιους υπολογιστές και μικρές οθόνες κινητών.
Μπορείτε να επιλέξετε από τις μονάδες:
- px – σταθερό ύψος σε pixel
- vh – σε σχέση με 1% του ύψους της θύρας προβολής (2vh σημαίνει 2% του ύψους της οθόνης)
- vw – σε σχέση με 1% του πλάτους της θύρας προβολής (2vw σημαίνει 2% του πλάτους της οθόνης)
- rem – σε σχέση με το μέγεθος της γραμματοσειράς του ριζικού στοιχείου (2rem σημαίνει 2 φορές το μέγεθος της ριζικής γραμματοσειράς)
- em – σε σχέση με το μέγεθος γραμματοσειράς του στοιχείου (2em σημαίνει 2 φορές το μέγεθος του τρέχοντος μεγέθους γραμματοσειράς)
- % – σε σχέση με το γονικό στοιχείο (2% σημαίνει 2% του ύψους του γονικού στοιχείου)
Είναι πιθανές και αρνητικές τιμές. Με αυτόν τον τρόπο το περιεχόμενο κάτω από το διαχωριστικό μπορεί να υπερχειλίσει πάνω από το περιεχόμενο πάνω από το διαχωριστικό.
Σε σχεδίαση με απόκριση, μπορεί να απενεργοποιηθεί τελείως ο διαχωριστής με εναλλαγή Απόκρυψη σε απόκριση. Το διαχωριστικό θα απενεργοποιηθεί σε οθόνες μικρότερες από 600 px.