編集者
47
回編集
差分
ナビゲーションに移動
検索に移動
ページの作成:「#HTMLタグ内のSTYLEタグ内でCSSのメディアクエリを用いて端末ごとにスタイルを変更するテスト <html> <head> <style type = "t...」
#HTMLタグ内のSTYLEタグ内でCSSのメディアクエリを用いて端末ごとにスタイルを変更するテスト
<html>
<head>
<style type = "text/css">
.taiFontEm
{
color: blue;
}
@media screen and (max-width: 600px)
{
.taiFontEm
{
color: red;
}
}
</style>
</head>
<body>
<p class="taiFontEm">画面サイズ600pxより大きいと青字、<br>600px以下で赤字のはずです</p>
</body>
</html>
<html>
<head>
<style type = "text/css">
.taiFontEm
{
color: blue;
}
@media screen and (max-width: 600px)
{
.taiFontEm
{
color: red;
}
}
</style>
</head>
<body>
<p class="taiFontEm">画面サイズ600pxより大きいと青字、<br>600px以下で赤字のはずです</p>
</body>
</html>