position:absoluteで文字を打つ

Question

HPの任意の位置に文字を表示させたくてposition:absoluteを使ったのですが一定以上ウインドウを小さくすると文字が消えてしまいます。

<div style="position:absolute; top:50px; left:30px; width: 430px;"> ここに文章を書く </div>

これを回避するにはどうすればいいのでしょうか。もしくは違う方法で文字を表示させることはできないのでしょうか。

Comments

[退会済みユーザー]

質問者様のおっしゃる、一定以上とはウインドウサイズはどのようなサイズでしょうか。ChromeであればResponsiveモードなどでサイズを変更できますので、そのあたりの情報もあるとよろしいかと思います。

[kakaka100]

情報が少なくて申し訳ありませんでした。レスポンシブに切り替わった途端に文字が消えてしまうようです。

[退会済みユーザー]

単純に、質問内容のDivのみを記載し、それなりの長さの文字列をセットした場合は問題なく表示されているようでした。事象から想定しますと、ページに一定以上のサイズの場合は非表示または折りたたみになる項目など無いでしょうか。画面外のどこかに表示されている場合もあるかと思います。

[kakaka100]

調べてみたところcss内にレスポンシブ時に画像が非表示になる項目がありました。試にその箇所を修正したところ、問題なく文字が表示されました。ありがとうございました。

[m.ts10806]

「文字を打つ」というのは適切な表現でしょうか。

[kakaka100]

確かに適切な表現ではなかったかもしれません。

[m.ts10806]

解決したようなので自身で回答を書き自己解決としてはいかがでしょうか？teratailでは質問者自身で回答を書き「ベストアンサー」とすることで「自己解決」ができるようになっています。 https://teratail.com/help#resolve-myself

Answer 1

コメントにて回答していただいたので解決とします。