teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

例を追加

2016/09/30 01:54

投稿

ShoheiTai
ShoheiTai

スコア911

answer CHANGED
@@ -1,3 +1,15 @@
1
1
  [CSS メディア クエリを使用してレスポンシブにする
2
2
  ](https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/use-media-queries?hl=ja)
3
- CSSのメディアクエリを使用することで、デバイスの状態(解像度など)に応じたサイズ変更が可能になります。
3
+ CSSのメディアクエリを使用することで、デバイスの状態(解像度など)に応じたサイズ変更が可能になります。
4
+
5
+ 以下の例ではpタグのサイズを変更しています。
6
+ ```css
7
+ p {
8
+ font-size: 20px;
9
+ }
10
+ @media (min-width: 500px) and (max-width: 600px) {
11
+ p {
12
+ font-size: 10px;
13
+ }
14
+ }
15
+ ```