- 締切済み
携帯サイト(ガラケー)をスマホで表示時の文字サイズ
携帯サイトをスマホで表示した際に、文字サイズが小さく読みづらいので スマホでアクセス時のみ、文字サイズを大きくしたいのですが 以下のタグを、htmlファイルのbody内に追記したのですが iphoneは問題なく大きく表示されましたが androidでは携帯サイトの文字サイズのままになってしまいます。 <html style="-webkit-text-size-adjust:150%;"> androidでも文字を大きくしたい際にはどのようにすればよろしいでしょうか？ 希望としては別にCSSファイルを作らずに、携帯とおなじhtmlファイルで出来ればと思います。
- okamura8810
- お礼率100% (1/1)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- XBG
- ベストアンサー率60% (493/820)
該当のCSSプロパティをAndroidでは認識しませんので これではなく、metaタグのviewportを利用してみてください http://www.u-ziq.com/blog/sp/2011/01/post_61.html
関連するQ&A
- タグを入れてるのにスマホ用サイズで表示されない
スマホならスマホ用サイズで表示されるように、 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" > を入れていて、今まで問題なく表示されていたのですが、 タグをいじったら、スマホでもＰＣサイズで表示されるようになってしまいました。 上記のコードはいじってないので、入れっぱなしです。 タグヲいくつか変更したので、どれが原因なのかわからないのですが、 今までは同じページ内にスタイルシートを書いてたのですが、 <link rel="stylesheet" type="text/css" href="http://Server/test.css">" のようにして、読み込むように変更しました。 これが原因なのでしょうか？
- 締切済み
- CSS
- テーブル内の文字のサイズを変更し携帯で表示したい
html文を勉強しながら簡単なホームページを作成しています。 <style type="text/css"> <!-- table { font-size: 20px ; } --> </style> を使ってテーブルの中の文字のサイズを変更していますが パソコン（ＩＥ）で見るとうまくできるのに携帯でみると文字の大きさが変わっていません。 <font size=1> </font> も入れているのですがテーブル以外の文字はちゃんと指定されたサイズになっています。 携帯で表示かつ文字の大きさを指定するのはどうすればいいのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- サイトのスマホ表示について教えてください。
同じＨＭＴＬファイルで、ディスプレイサイズに応じて異なる2つのCSSを読み込ませています。 サブドメインや、別ディレクトリーに、スマホ用のhtmlファイルはありません。 同じHTMLで別々のCSSです。 大手サイトでは「スマホサイトはこちら」、「ＰＣ版はこちら」というリンクをよく見かけます。多くのサイトは、スマホ用のディレクトリーやサブドメインに飛ぶようなのですが、これを、サブドメインやスマホ用のディレクトリーを使わずに、一つのhtmlファイルで行うには、どうすれば良いのでしょうか？
- 締切済み
- CSS
- デバイスを横向きにした際の書式設定について
https://shinsama1980.web.fc2.com/hyakuhoh-data3.htm スマホなどを横向きにした際にホームページの文字のサイズを拡大させないようにするにはどうすれば良いのでしょうか？ 「body{-webkit-text-size-adjust: 100%;}」などを試してみましたが、 アップロードしてからスマホを横向きにしてみても拡大されたままでした。 できればスクロールさせる部分が見えるくらいまで縮小できるのが理想なのですが、 そういう方法があれば是非とも教えてください。 宜しくお願い致します。 Ｐ．Ｓ 当方はＨＴＭＬ、ＣＳＳについては初心者ですので、 回答される方はＨＴＭＬやＣＳＳをなるべく具体的に書いていただけると幸いです。 何卒宜しくお願い致します。
- ベストアンサー
- CSS
- 携帯サイトの文字サイズと、<?php echo～について
(1)携帯サイトの文字サイズ変更 携帯サイトを作っているのですが、文字の大きさを変更するのは意味があるのでしょうか？（反映されているのですか？） 自分は古い機種の携帯しか持っていないので、今時の新しい携帯サイトが見れないので確認ができません・・・。 (2)<?php echo～について ＰＨＰでも表示できるようにするタグなのですが、ネットで検索すると微妙に違うものが沢山検索されます。 しかしコピーペーストで貼り付けてみても、どれもＨＰ上に ;?> このような尻のタグが表示されてしまうので、何かが間違っているようなのです。 <?php echo '<?xml version="1.0" encoding="shift_jis"?>'."\n"; ?> というタグだと尻のタグは表示されませんでしたが、作成ページで通常は青色で表示されるタグが、 '."\n"; ?> の部分だけ黒くなり、これも何かが違うような気がします。 正しいタグを知っている方、教えてくれないでしょうか。 どちらか一方でも構いません、宜しくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- スマホでテキストボックスに文字を入れようとすると、
モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか？ テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。
- ベストアンサー
- HTML
- 携帯サイトの表示について
携帯サイトを初めて作成したのですが、表示に以下の問題点があり、困っています。 ソースはPCサイト用のもの（HTML 4.1、タグ打ち）を流用、改変しています。 １．docomoの旧機種（2009年5月以前）で、文字サイズ、行間などのレイアウトが適用されない。 ２．一部の携帯（機種不明）で、文章（文字のみで構成したファイル、最大35kb程度）が途中で途切れ、それ以上スクロールできなくなるらしい。 以下が、当該ページの冒頭<head>～<body>部分です。 自分の携帯電話SoftBank 942SHでは、表示には全く問題がありません。 （keitai.cssの内容は、body、div部分と同じstyle指定です。これではdocomo旧機種に対応できないと知ったので、タグ内のstyleを追加しましたが、効果がないようです。） 問題点を御教授していただければ嬉しいです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd."> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="keitai.css"> <title> </title> </head> <body link="#6666dd" vlink="#8899cc"> <div style="font-size:small ; background-color:#ffffff ; color:#333333 ; line-height:1.4em ; margin:3%">
- ベストアンサー
- HTML
- 携帯サイト作成時、キャリアの表示の違いについて
現在、携帯サイトを作成しています。 XHTMLでタグを組んでいて、どの携帯でも表示されるように一番タグの縛りの多いドコモ用の携帯で見れるように作成していました。 しかし、他のメーカーの携帯で見ると表示に違いがあることが分かりました。ただ単に表示されないわけではなく、画像サイズが違ったり、フォントのサイズがちがったりしていたため、レイアウトが崩れていました。 お詳しい方がいらしゃったら、携帯サイトをXHTMLで作成する際、どういうタグが同じように打ち込んでも各キャリアで表示に違いが出るのか教えていただけないでしょうか？ また、同じタグなのに携帯のキャリアの違いで表示に違いが出るタグを紹介しているサイトがあれば教えてください。 後、HTMLとXHTMLの利用シーンの違いは何でしょうか？ 以上、３点について教えて頂ければと思います。 何卒よろしくお願いいたします。
- ベストアンサー
- HTML
- 画像上に文字を表示するとiPhoneで位置がずれる
ホームページで時間に応じて2行のテキストを時計画像の上に表示したいのですが 以下のCSSを使った方法ではPCやアンドロイドではズレないで表示されます。 ただし親のiPhoneを借りて見ると 何故か文字位置が下の方にずれてしまい画像から文字がはみ出してしまいます。 ブラウザは標準ではいってるやつ（Safari？）です。 <div style="position: relative;"> <img src="hoge.jpg" width=250 height=46> <div style="position:absolute; top:6px; left:20px;"> <table border=0 cellspacing=0 cellpadding=0> <tr><td>この文章は</td></tr> <tr><td>サンプルですよ</td></tr> </table> </div> </div> どうもiPhoneのSafariはフォントサイズを自動で調整する機能があるそうで それを解除するために以下のCSSを追加してみました。 -webkit-text-size-adjust: none; このCSSを追加するとフォントサイズは変えていなくても表示は小さくなり 位置ずれはマシにはなりました。 が、それでも行間が大きいためか画像からははみ出しています。 テーブル部分を2個に分離してそれぞれ位置を修正すれば、と思ったのですが それだとSafari以外は詰まって表示されてしまいますよね・・・シクシク。 他のブラウザならともかくiPhoneの標準ブラウザなので何とか直したいです。 これを修正できる方法をご存知の方はおられますでしょうか？ 画像の上に文字を表示できるのでしたら、 上記のCSSとはまったく別のものになっても構いません。 よろしくおねがいします。
- ベストアンサー
- CSS
- 文字サイズが大きくなってしまう
ＣＳＳで文字サイズを指定しています。 <STYLE TYPE="text/css"> .pt10 {font-size=10.5pt;} </STYLE> ・・・ <TD class="pt10"> こんな感じです。 普通はこれでうまく表示されているのですが、あるパソコンだけ、文字が大きく表示されてしまいます。 ブラウザはＩＥ５．５とＮＣ４．７で試してみましたが どちらも同じで、ブラウザの問題では無いと思います。 原因に思い当たることがあれば教えてください。 よろしくお願いします。
- 締切済み
- HTML
お礼
回答ありがとうございます！ おかげでmetaタグのみで対応できました。