『ネットオウルユーザーコミュニティ』の提供に伴い、『Q&A掲示板』は2025年3月31日正午をもって提供を終了します。[関連ニュース]

メンバーメニュー

ようこそ、ゲストさん

質問

  • フリー

    文字のサイズについて
  • 本文:

    数日前からサイトの文字が小さくなってしまいました。

    サイトは基本的にコピペで、写真と文章を書きかえるだけです。

    難しいことは分からないので、基本的なタグしか使っていません。

    どなたかアドバイスをいただけると嬉しいです。

    よろしくお願いいたします。

  • 緊急度:通常投稿者:とうがらしおじさんさん投稿時間:2023/06/11 14:35
質問に対する回答は締め切られました

回答 No.12421

  • この回答がベストアンサーです

  • 本文:

    スマートフォンでだけ文字が小さい、というのは、いわゆるレスポンシブデザインでよく使われるおまじないの

    <meta name="viewport" content="width=device-width, initial-scale=1">

    という行が、何かの拍子に削除されたのだと思いますが、ページを編集するときのエディタが不要な行と勘違いして消してしまったのでしょうね。

    どうやって直したらいいのかは、その編集ソフトウェア次第なので、一概にはいえません。

    (スマートフォンは画面のドットの密度が、PCの密度より細かいので、それを調整するための設定です。)

  • 投稿者:ジョバンニさん 投稿時間:2023/06/11 15:27
質問者からのコメント

<!DOCTYPE html>
<html>
<head>
<title>おじさん</title>
<meta http-equiv="content-type" charset="utf-8">
</head>


<body bgcolor="#000000">


<style type="text/css">
body {
margin: 40px;
padding: 0;
}
</style>


<body>


<p><br>

<font size="7vw" color="#808000" face="MS 明朝">2023年 6月11日</font>

<p><br><p><br>


<font size="4vw" color="#7f6943" face="MS 明朝">


<center>
<a><img SRC="2023.06.11a.jpg" NOSAVE BORDER=0 height=778 width=437</a>
<p><br>
咲いていました
</center>




============================================



<!DOCTYPE html>
<html>
<head>
<title>とうがらしおじさん</title>
<meta http-equiv="content-type" charset="utf-8" viewport" content="width=device-width, initial-scale=1">
</head>


<body bgcolor="#000000">


<style type="text/css">
body {
margin: 40px;
padding: 0;
}
</style>


<body>


==============================================



これで良いのでしょうか?

使っているソフトは秀丸です。

これでも文字の大きさは変わりませんでした。


年寄りのボケ防止なので、すみません。








回答 No.12420

  • 本文:

    書き加えさせていただきます。

    パソコンで見る時は、今まで通りのサイズです。

    スマートフォンで見ると、文字が小さくなってしまいます。(数日前までは問題なく見えていました)

  • 投稿者:とうがらしおじさんさん 投稿時間:2023/06/11 14:46
質問者からのコメント


<!DOCTYPE html>
<html>
<head>
<title>とうがらしおじさん</title>


<meta http-equiv="content-type" charset="utf-8">
</head>

<meta name=”viewport” content=”width=device-width,initial-scale=1″>


<body bgcolor="#000000">


<style type="text/css">
body {
margin: 40px;
padding: 0;
}
</style>


<body>


これでも直りません。

う〜ん 困りました・・・

回答 No.12423

  • 本文:

    あっすみません


    </head>の中にいれました。

  • 投稿者:とうがらしおじさんさん 投稿時間:2023/06/12 06:00

回答 No.12424

  • 本文:

    ゴチャゴチャ書いてしまいすみませんでした。

    なにせ年寄りなもので・・・

    結局、スマホで見ることを前提に、文字のサイズを決めました。

    パソコンで見ると大きくなってしまうのですが、今は、スマホが多いですから。

    大変お騒がせをいたしました。

    ごめんなさい。

  • 投稿者:とうがらしおじさんさん 投稿時間:2023/06/12 10:57