CSS/Mediaqueries/width

From Web Education Community Group
Jump to: navigation, search

width

The ‘width’ media feature describes the width of the targeted display area of the output device.

Description table

Values <length>
Applies to visual and tactile media types
Accepts min/max prefixes Yes

Example

Example A

<link rel="stylesheet" type="text/css" href="css/mobile.css">
<link rel="stylesheet" type="text/css" href="css/tablet.css" media="only screen and (min-width:768px)">
<link rel="stylesheet" type="text/css" href="css/pc.css" media="only screen and (min-width:960px)">