PCデザイン→スマホ最適化ツール
こんな時におすすめです
レスポンシブコーディングをする際、PCとスマホのデザインが全く一緒でそのまま縮めたいというケースがあります。
PC表示の場合は750px幅で画面中央に表示させ、スマホ表示ではそれをそのまま縮めるという場合にお役立てください。
使い方
- 1.まずPCデザインをpx単位でコーディングする
- 2.スマホデザインの幅を入力する（例：750）
- 3.小数点以下の桁数を選択（お好みで）
- 4.コーディングしたcssのpxが含まれるセレクタを、1セレクタごとにコピーして変換ボタンをクリックする
- 5.変換が必要なプロパティのみが表示されるので、コピーしてcssに貼り付ける
※数字が入っていないプロパティ行は自動的に削除されます。