とても単純な、１ページだけのウェブページを作成しています。パソコンで表示すると問題ないのですが、iPhoneでは、文字が大変小さくなります。改善する方法がありましたら、教えてください。お願いします。 ▼コードテストページこちらはテストページです。文字の大きさを確認するためのものです。こちらはテストページです。文字の大きさを確認するためのものです。こちらはテストページです。文字の大きさを確認するためのものです。＜テストリンク＞

HTMLのテキストが、iPhoneでとても小さく表示される。改善策は？

解決済

質問者：Chown
質問日時：2021/05/20 14:52
回答数：2件

とても単純な、１ページだけのウェブページを作成しています。

パソコンで表示すると問題ないのですが、iPhoneでは、文字が大変小さくなります。改善する方法がありましたら、教えてください。お願いします。

▼コード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>テストページ</title>
</head>

<body>
<center>
<p style="font-size:large;">
こちらはテストページです。文字の大きさを確認するためのものです。こちらはテストページです。文字の大きさを確認するためのものです。こちらはテストページです。文字の大きさを確認するためのものです。
</p>
<hr/>
<p style="font-weight:bold;font-size:x-large;"><a href="#">＜テストリンク＞
</a></p>
</center>
<hr/>
</body>

</html>

画像は、iPhoneで閲覧したものです。

補足日時：2021/05/20 14:53
通報する
画像は、パソコンのウェブブラウザを、画面の幅いっぱい（1920ピクセル）に広げて閲覧したものです。

補足日時：2021/05/20 14:54
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者：銀鱗
回答日時：2021/05/20 14:58

iPhoneの画面が小さいから、相対的に小さく見えるのでしょう。

同じ1920×1080の解像度を持つモニタでも、モニタのサイズが違えば文字の大きさは変わります。
それと同じことですね。
　パソコンが24インチのモニタで、
　iPhoneが6インチのモニタなら、
文字の大きさは4倍違うことになります。

OSの種類を検査して、iOSならさらに大きなフォントを指定するなど工夫してみましょう。
その場合レイアウトが崩れると思いますので、それなりの調整が必要になるでしょう。