Get the App
SLTechnology News&Howtos  ›  Development  › 

What are the media types of CSS

Shulou Source: shulou.com Published: 2022-06-01 06:11:50 10月01日 Update

This article mainly explains "What are the CSS media types". The explanation in this article is simple and clear, easy to learn and understand. Please follow the ideas of Xiaobian and go deep into it slowly to study and learn "What are the CSS media types" together!

To put it bluntly, our responsive design shows different content in different terminal media, so that our web pages can be displayed well on any terminal media to ensure that the pages are not distorted in different media.

The @media rule gives you the ability to use different style rules for different media within the same style sheet. For example:

1) Different media types

1.1 All: for all media devices.

1.2 aural: Used for speech and audio synthesizers.

1.3 Braille: Braille printer for the blind for paging.

1.4 Braille printer for the blind for paging.

1.5 Handheld: Used for small handheld devices.

1.6 Print: Used for printers.

1.7 Projection: Used for presentation of projects, such as slides.

1.8 Screen: Used for computer monitors.

1.9 TTY: Used for media that use a grid of letters of fixed density, such as teletypewriters and terminals.

2.0 TV: TV type equipment.

Thank you for reading, the above is "CSS media types what" content, after the study of this article, I believe that we have a deeper understanding of CSS media types what this problem, the specific use of the situation also needs to be verified. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!

Tags: Media type different content media printer terminal device learning that is style Braille blind rule same good plain synthesizer letter density Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Redmi Shulou Information Shulou Tech Info Docker macOS