- ベストアンサー
テーブル内の文字のサイズを変更し携帯で表示したい
html文を勉強しながら簡単なホームページを作成しています。 <style type="text/css"> <!-- table { font-size: 20px ; } --> </style> を使ってテーブルの中の文字のサイズを変更していますが パソコン（ＩＥ）で見るとうまくできるのに携帯でみると文字の大きさが変わっていません。 <font size=1> </font> も入れているのですがテーブル以外の文字はちゃんと指定されたサイズになっています。 携帯で表示かつ文字の大きさを指定するのはどうすればいいのでしょうか？ よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
次の３つのファイルをアップロードして試してみてください。ただし、携帯のキャリヤによるとうまく表示できません。 <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タイプで、スタイルシートの書き方を変えてください。詳細は書ききれないので自分で勉強すること
その他の回答 (1)
HTMLの書き方云々では無くて、携帯電話の文字サイズの問題では？ 標準で確認してますか？ 又、動作確認したキャリアは何処のですか？ ドコモなら内部・外部は無視されます。
お礼
ありがとうございます。
お礼
ありがとうございます。