You should use css media queries. You can set different breakpoints for different display sizes. Also there is a media query for printing called print. examples:

@media print {
    /* your css */
}
@media (max-width: 450px) {
    /* your css */
}

Link to documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries#targeting_media_types