<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive layout</title>
<style>
body{background:#000;}
@media(min-width:767px) and (max-width:979px){body{background:#f00;}}
</style>
</head>
<body>
When the browser window is between 767px and 979px, the styles defined in the curly brackets are triggered
</body>
</html>
Responsive layout
media-queries-finish.html
Guess you like
Origin http://43.154.161.224:23101/article/api/json?id=326435270&siteId=291194637
Ranking