サンプル
ソース
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>media queries</title>
</head>
<style>
div.example {
background-color: green;
}
@media screen and (min-width: 480px) and (max-width: 960px) {
div.example {
background-color: skyblue;
}
}
@media all and (min-width: 960px) {
div.example {
background-color: pink;
}
}
</style>
<body>
<div class="example">
サンプル内容
</div>
</body>
</html>
0 件のコメント:
コメントを投稿