• ベストアンサー

携帯向けサイトのページ全体のフォントサイズ設定について

みなさんどうもこんばんわ 携帯向けサイトを作っていて、ページ全体のフォントサイズを変更したいのです。 調べた結果これで大丈夫かなと思ったんですが <STYLE TYPE="text/css"> <!--BODY { font-size: 10pt;}--> </STYLE> と入力しても、PCから確認するとサイズは変わってますが、携帯から確認するとサイズが変わっていません… もしかして携帯からの閲覧はスタイルシートは有効ではないのですか? そのことを考えて <basefont size="2"> と入れてみたんですが、これはPCから見てもサイズが変わっていません。 色々と検索して試しましたがどれも通用しませんでした;;; 一応ソフトはNetscape composerを使ってます

  • liptv
  • お礼率100% (2/2)
  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

スタイルシートでは試した事はないのですが、 普通の<font size="2">タグはiモードで認識されているのを確認しました。 固定背景のスタイルシートがdocomoで使えなかったので、 (softbankとかだと使えたはず…) 結構機種によるのかもしれないです。 面倒ですが、<font size="●">タグ使ったほうが無難かもしれません。

liptv
質問者

お礼

回答ありがとうございます。 font sizeでできたのでがんばってみます。

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

携帯電話が使用しているブラウザによって、随分と違うのであまり製作者サイドの都合で設定することはありません。 フォントサイズは特に携帯のディスプレイサイズや解像度への依存が大きいため、絶対サイズで指定することはありません。 デフォルトの指定してあるサイズを基準に font-size: 1.2em; とかで良いようにHTML自体を製作するように指定しています。 また、できるだけ転送量を節約するため、スタイルシートは外部に置いています。 <link rel="stylesheet" type="text/css" media="screen" href="./styleSheet/top.css"> <link rel="stylesheet" type="text/css" media="handheld tty" href="./styleSheet/handheld.css"> <link rel="alternate stylesheet" type="text/css" media="all" href="./styleSheet/handheld.css" title="簡易表示"> 私の場合、携帯用とパソコン用の複数のページを作ることは、ほとんどないこともありますが。  (上の例では、携帯用のスタイルシートは資格弱者用の簡易表示の代替スタイルシートも兼用)

liptv
質問者

お礼

>>携帯電話が使用しているブラウザによって、随分と違うのであまり製作者サイドの都合で設定することはありません。 フォントサイズは特に携帯のディスプレイサイズや解像度への依存が大きいため、絶対サイズで指定することはありません。 なるほど、こちらから指定はできないんですね。 font sizeが有効のようですのでそちらでやってみます。

関連するQ&A

  • CSSでフォントサイズを10ptに設定しても出力時大きくなる・・・

    外部スタイルシートで、フォントサイズを10ptに設定し、モニターでは意図通り表示されていますが、それをプリンターで出力するとその部分の文字が大きくなってしまいます。他のサイトでスタイルシートでフォントサイズを指定してるものを出力してもモニターで表示されてる通り出力されるようですが・・・何が問題なのでしょうか? Mac OS9.1 使用ソフトGoLive5.0、スタイルシートについては、GoLiveのマニュアル本に書いてある程度のことしかわかりませんが、よろしくお願いします。 <style media="screen" type="text/css"><!-- h1 { font-weight: lighter; font-size: 10pt; line-height: 15pt } --></style>

    • 締切済み
    • CSS
  • (携帯XHTMLで書いた)フォントのサイズが小さくならない

    携帯でホームページを作っています。  スタイルシート(i-CSS)を使って文字のサイズを小さくしたいのですが、 思い通りのサイズになりません。 (font-size:xx-small;)で指定しても(font-size:small;)で指定してもサイズが変わらない。 問題のソースです。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" dir="ltr"> <head> <meta content="text/html; charset=shift_jis" http-equiv="content-type" /> <style type="text/css"> <!--[CDATA[ a:link{color:#3c5fcc;} a:hover{color:#996600;background-color:#FFF4E0;text-decoration:none;} a:visited{color:#990099;} ]]--> </style> <title>トップページ</title> </head> <body> <div style="text-align:center;"> <span style="font-size:xx-small;">タグテスト</span> </div><br /> <span style="font-size:xx-small;"> <a href="tabletest.html">1.テーブル</a> </span> </body> </html>  原因がわからないので、いろいろとサイトを調べてみて試したのですが、原因がつかめず途方に暮れています。  どなたかわかる方いましたら、ご教授お願いします。 あと参考になるサイトなどがありましたら教えてください。

    • 締切済み
    • XML
  • CSS font-size について

    cssでfont-sizeを指定したのに反映されなくて困っています。(スクリーンショットをとって確認したところ) 12pxと13pxは11px 14pxと15pxは13px 16pxは15pxになってしまいます。 プログラムは次のように打ちました。お願いします。 <HTML> <HEAD> <TITLE>無題ドキュメント</TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <STYLE type="text/css"> <!-- h1 { font-size: 12px; font-weight: normal} h2 { font-size: 13px; font-weight: normal} h3 { font-size: 14px; font-weight: normal} h4 { font-size: 15px; font-weight: normal} h5 { font-size: 16px; font-weight: normal} --> </STYLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000"> <h1>春夏秋冬 12px</h1> <h2>春夏秋冬 13px</h2> <h3>春夏秋冬 14px</h3> <h4>春夏秋冬 15px</h4> <h5>春夏秋冬 16px</h5> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • スタイルシートについて教えてください。

    <style type="text/css"> <!-- .copy { font-size: 10pt} .privacy { font-size: 7pt} .news_midashi { font-size: 10pt; color: #333333} .news_honbun { font-size: 10pt} --> </style> という形で指定しています。IEで見たときは特に問題ないのですが、 Netscape6.0で見た場合、スタイルシートで決めたはずのテキストの 大きさが変更できるようになってしまいます。 この場合、どういった形で指定すればよいのでしょうか。 教えてください。

    • ベストアンサー
    • HTML
  • CSSとMacの関係

    CSSの制御で、 外部CSS マック用に css/style_mac.css に body {font-size: 12pt;} td {font-size: 12pt;} ウイン用に css/style_win.cssに body {font-size: 10pt;} td  {font-size: 10pt;} と記述しています。 がプラウザで確認したところ、 windows IE5.0は制御されていますが、 Mac IE5.0で制御されません。 HTMLの呼び出しは、 <SCRIPT LANGUAGE="JavaScript"> <!-- if(navigator.appVersion.indexOf("Mac",0) != -1){ document.writeln('<link rel="stylesheet" type="text/css" href="css/style_mac.css">'); } else { document.writeln('<link rel="stylesheet" type="text/css" href="css/style_win.css">'); } //--> </SCRIPT> と記述しています。 そもそもjavaがわからないので どこを直せばMacでも制御されるのでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CSSの記述

    HTMLで普通のテキストのサイズを固定したいのですが、 うまくいきません。 何が間違っているのでしょうか。 一部のHTMLだけ、リンクの下線をはずしたいので、 HTMLに <LINK REL="stylesheet" HREF="css/style_win.css" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- A { text-decoration: none; font-size: 10pt;} --> </STYLE> と記述。 こちらの方は大丈夫です。 だめなのは外部 css/style_win.css に body { font-size:10pt } と書いたほうがまったく制御していません。 初心者で、本もたくさん調べましたが わかりません。 どうかお願いいたします。

    • ベストアンサー
    • HTML
  • CSS、おかしいですか?

    CSSですが、本を見てやっています。 下記のように記述したのですが、書かなくてもよい記述とか、おかしいところ、ありますでしょうか? <style type=text/css> body{font-size:10pt} td {font-size:10pt; line-height:12pt} tr {font-size:10pt line-height:12pt} dive {font-size:10pt;line-height:12pt} a:link {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:visited {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:active {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} a:hover {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} </style>

    • 締切済み
    • CSS
  • スタイルシートのフォントサイズの変更

    下記のようなことをしたいのですが、簡単かと思ったものの下記より進みませんでした。 (^^; <STYLE TYPE="text/css"> <SCRIPT language=JavaScript> function set(n) ※選択ボックスの数値を変更したときにスタイルシートのフォントサイズを変更したい。 </SCRIPT> <!-- body { font-size:★pt } --> </STYLE> <SELECT NAME="moji" onchange="set()"> <OPTION SELECTED>10</OPTION> <OPTION VALUE="20"></OPTION> <OPTION VALUE="30"></OPTION> <OPTION VALUE="40"></OPTION> <OPTION VALUE="50"></OPTION> </SELECT>

  • css 背景の画像&文字のサイズ 同時に設定したい

    cssでbackground-imageで背景の画像を表示しつつ、 font-sizeを設定すると、どちらも反映されません。 どちらかだと反映されます。 2つを同時にしたい場合はどうすればいいでしょうか? どうやら <style type="text/css"> body{ background-image: url("image/backimage.jpg") font-size:50% } </style> だと、ダメなようです。

    • ベストアンサー
    • HTML
  • スタイルシート

    スタイルシートで、<style type="text/css"> で始まりますが、フォントなどの色を変える時に span style="font-size:20pt">大きなフォント</span> のように、後の="text/css"はつけなくてもよいのでしょうか?

専門家に質問してみよう