ホームページの写真がずれる

質問

左側に文章を、右側に上から３枚の写真を配置したホームページを作成し、ＰＣ画面ではうまく表示できました。しかし、これをスマホ画面で見ると写真が少しずつ左側にずれて、２枚目、３枚目は文章と重なります。（ＰＣでの画面を印刷しても同様にずれます）
スマホ上でも元のＰＣ画面と同じ位置に写真を表示するのはどうすればよいか教えて下さい。

回答No.1

ORUKA1951

HTMLもCSSもわからないので、原因も対策も示すことはできませんが、単純に文書構造がきちんとマークアップされていないだけでしょう。

　その文章の内容と文章と画像の関係などを明確にマークアップしましょう。マークアップの方法が分からなければ、具体的な内容は兎も角、その関係を示してください。
[例]
|-- 本文
　　|-- 案内文
　　|　　　└ この文章に関わる画像
　　|-- 案内文
　　|　　　└ この文章に関わる画像
　　|-- この本文全体に関わる画像
　　　　　　|-- <li>画像</li>
　　　　　　|-- <li>画像</li>
　　　　　　|-- <li>画像</li>

お礼

文章と画像の関係を整理してみます。有難うございました。