Media Query in css
CSS Media Queries The @media rule, introduced in CSS2, made it possible to define different style rules for different media types. Media queries in CSS3 extended the CSS2 media types idea: Instead of looking for a type of device, they look at the capability of the device. Media queries can be used to check many things, such as: width and height of the viewport orientation of the viewport (landscape or portrait) resolution Using media queries are a popular technique for delivering a tailored style sheet to desktops, laptops, tablets, and mobile phones (such as iPhone and Android phones). CSS Media Types Value Description all Used for all media type devices print Used for print preview mode screen Used for computer screens, tablets, smart-phones etc. CSS Common Media Features Here are some commonly used media features: Value Description orientation Orientation of the viewport. Landscape or portrait max-height Maximum height of the viewport min-height Minimum height of the viewport h