html文を勉強しながら簡単なホームページを作成しています。
<style type="text/css">
<!--
table { font-size: 20px ; }
-->
</style>
を使ってテーブルの中の文字のサイズを変更していますが
パソコン(IE)で見るとうまくできるのに携帯でみると文字の大きさが変わっていません。
<font size=1> </font>
も入れているのですがテーブル以外の文字はちゃんと指定されたサイズになっています。
携帯で表示かつ文字の大きさを指定するのはどうすればいいのでしょうか?
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
次の3つのファイルをアップロードして試してみてください。
ただし、携帯のキャリヤによるとうまく表示できません。<html>
<head>
<title>テスト</title>
<link rel="stylesheet" type="text/css" media="screen" href="./standard.css">
<link rel="styleSheet" type="text/css" media="handheld.tty" href="./handheld.css">
</head>
<body>
<h1>テスト</h1>
<table>
<tbody>
<tr>
<th>赤</th><th>青</th>
</tr>
<tr>
<td>大きな字</td><td>小さな字</td>
</tr>
</tbody>
</table>
</html>
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまでtest.html
_____________
h1{text-align:center;}
table tr th{ font-color: red;}
table tr th+th{font-color: blue;}
table tr td{font-size: big;}
table tr td+td{font-size:small;}
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまでstandard.css
h1{text-align:right;}
table tr th{ font-color: blue;}
table tr th+th{font-color: red;}
table tr td{font-size: small;}
table tr td+td{font-size:big;}
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで、handheld.tty
これで、携帯では逆の配置や色で表示されれば、少なくとも貴方の携帯では、mediatypeが使えるということ。
あとはmediaタイプで、スタイルシートの書き方を変えてください。詳細は書ききれないので自分で勉強すること
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アンドロイドスマホでのphp echoの文字サイズ 1 2023/05/13 15:15
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
CSSで特定のテーブルだけに...
-
HTML tableのセルにtextareaを...
-
画面幅に合わせてテーブルのカ...
-
HTML5で、テーブル内tdタグの高...
-
<th>タグを使っても太字にしな...
-
テーブル内のセル間にスペース...
-
テーブルとテーブルの間隔について
-
テーブルの高さを100%にしたけ...
-
<fieldset>タグについて
-
latex使い方
-
HTMLのテーブルをExcelにCopy&P...
-
HP製作時、縦の点線作成
-
DBを使わないDataGrid
-
簡単に文字間とかに空白入れたい
-
table表を横に並べる際の間隔指定
-
cssで、1行2段のtableを記述す...
-
html table の中のボーダーが二...
-
tableを縦に続けるとtable間の...
-
tableが縮まらない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
tableの位置がIEとその他ブラウ...
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
HTMLのテーブルをExcelにCopy&P...
-
ラインを端から端まで画面いっ...
-
tableのcellpadding="0" cellsp...
-
ホームページのテキストを折り...
おすすめ情報