ページ内リンクのジャンプ先がずれる原因と解決方法【HTML】ページ内リンクのジャンプ先がずれてしまう原因と、その解決策について解説します。 別ページの特定の場所にリンクを貼る場合には、ハッシュ(#)で要素のIDを指定しますよね。 例えば、こういう感じで。 もちろん、これはHTMLの文法的には正解で、なんの間違いもありません。 でも、実は、これだけでは不十分なケースもあるんです。 例えば、レスポンシブデザインを採用しているケースです。 レスポンシブデザインの弊害 レスポンシブデザインのサイトでは、ウィンドウサイズに応じて画像サイズが動的に変更されます。 画像の幅は親要素と同じ、高さはそれに合わせて自動で調整するという指定の仕方が一般的です。
