- ベストアンサー
スマホから見た時の文字位置
カテゴリ間違いにてもう一度すみません 前にも質問をさせて頂きましたが 未だに解決に及ばないのでもう一度聞かせて下さい。 PCから見ると添付した画像の様に イラストの真下にリンクが来てくれるのですが、 スマホから見ると添付した画像の様にずれて表示されてしまいます <meta name="viewport" content="width=device-width"> を打ち込むと良いと言うコメントを頂いて metaの所にプラスしてみましたが変わりは無く・・・ この他に何かするべき点は御座いますでしょうか？ 宜しくお願い致します。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
No.3の補足コメントに対して回答します。 ソースを拝見いたしました。 画像が画面からあふれるときに中央ぞろえがうまくいかないとのこと、関係あります。 imgタグの末尾にstyle="max-width: 100%;"を追加して下記のようにするとうまくいきますでしょうか <img hspace="0" src="http://xxx" align="baseline" border="0" style="max-width: 100%;"> 画像がスマホ画面の幅からはみ出ないようになります。（はみ出る場合は画面の幅に合わせて表示） もし画面からはみ出るように表示させたい場合は別の方法を検討する必要があります。
その他の回答 (3)
- Proof4
- ベストアンサー率78% (151/192)
ソースを見ないと何とも言えないのですが、リンクを下記のように修正すると中央に表示されるかと思います。 <a href="#" style="display: block; width: 2em; margin: 0 auto;">戻る</a> 簡単のためstyle属性にCSSを記述しています。適宜変更してください。 リンクをブロック要素にしてmarginで左右中央揃えにしています。
お礼
コメント有難う御座います！ 打ち込んでみましたが変わらずでした・・・
補足
※先程気付きましたが、 スマホの枠に収まるサイズの画像だと中央に来て、 スマホの枠より大きいサイズの画像だとズレが生じるようです。 これも関係あるのでしょうか？
- 9133313
- ベストアンサー率19% (266/1349)
<meta name="viewport" content="width=device-width"> これは、画像画像ファイルの位置を設定するものであり、文字列の場合は使いません。 単純に <align="center">戻る で良いのでは無いかと思いますが。
お礼
コメント有難う御座います！ 画像ファイルのmetaだったのですね勉強になります <align="center">は最初に打ち込んであります その上でずれるので「？？」になっています
補足
こちらに失礼しますソース <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-style-Type" content="text/css"> <meta name="generator" content="HomePage Creator v5.0J"> <meta name="viewport" content="width=device-width"> <title>ラクガキ</title> </style> </head> <BODY text="#000000" link="#000000" vlink="#000000" alink="#000000"> <CENTER><img hspace="0" src="http://xxx" align="baseline" border="0"> <br><br> <div align="center"><a href="http://xxx">戻る</a></div> </center> </body></html> となっています
- bardfish
- ベストアンサー率28% (5029/17766)
画像なら中央に配置されるんですよね？ だったらもう「戻る」という文字が書かれた画像を配置して画像に戻るリンクを張ったらどうですか？
お礼
コメント有難う御座います！ どうにもならない場合、最終的にはそれも考えて見ます
お礼
コメント有難う御座います 早速試してみた所きちんと希望の中央ぞろえになりました！ ようやく悩みが解消されて嬉しい限りです・・・！ この度は本当に有難う御座いました！