PC用のページをレスポンシブにしたい

Question

前提・実現したいこと

PC用のページをそのまま縮小してレスポンシブにしたいのですが一部そのまま縮小できない箇所があります。

<meta name="viewport" content="width=1300"> でほとんどそのまま縮小されましたが

html

<dl> <dt><img src="" alt=""> テキスト</dt> <dd>テキスト</dd> </dl>

CSS
margin-left: 250px;

この部分をレスポンシブだとleft: 120px;にしたいのですが、うまくいきません。

お知恵お貸しくださいませ。

Answer 1

コードがつまみすぎてなんとも言えないですが、PCページが既にある状態での基本的な方針は下記のどちらかでしょうね。

1. レスポンシブにしない。モバイル用に別ページを用意しリダイレクト
2. モバイルファーストで全て作り直し

今あるページをどうにかしようとしても突貫工事未満にしかなりません。