| 1行目: |
1行目: |
| − | #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>
| |
| − | <script type = "text/javascript">
| |
| − | document.getElementById("buttonUV").onclick = function() {
| |
| − | document.getElementById("intVote").innerHTML = parseInt('document.getElementById("intVote").innerHTML', 10) + 1;
| |
| − | };
| |
| | | | |
| − | document.getElementById("buttonDV").onclick = function() {
| |
| − | document.getElementById("intVote").innerHTML = parseInt('document.getElementById("intVote").innerHTML', 10) - 1;
| |
| − | };
| |
| − | </script>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div><p id="buttonUV">+</p></div><div><p id="intVote">0</p></div><div><p id="buttonDV">-</p></div>
| |
| − | </body>
| |
| − | </html>
| |