Contenu connexe
Similaire à CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう (20)
Plus de Masayuki Abe (19)
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
- 21. @charset “utf-8”;
/*最小幅 0px 以上*/
@media screen and(min-width:480px){
/*最小幅 480px以上の指定*/
}
@media screen and(min-width:768px){
/*最小幅 768px以上の指定*/
}
@media screen and(min-width:1024px){
/*最小幅 1024px以上の指定*/
}
- 39. <!DOCTYPE
html>
<html
lang="ja">
<head>
<meta
charset="utf-‐8">
<title>Bootstrapテスト</title>
<meta
name="viewport"
content="width=device-‐width,
initial-‐scale=1.0">
<link
href="css/bootstrap.min.css"
rel="stylesheet"
media="screen">
<!-‐-‐[if
lt
IE
9]>
<script
src=”assets/js/html5shiv.js"></script>
<script
src=“assets/js/respond.min.js"></script>
<![endif]-‐-‐>
</head>
<body>
<h1>Hello,
world!</h1>
<script
src="http://code.jquery.com/jquery.js"></script>
<script
src="js/bootstrap.min.js"></script>
</body>
</html>