合同会社Unirは、web制作はもちろん、コーディング代行をはじめ、既存ホームページのリニューアルやデザイン、名刺作成から広告運用、DX推進・IT導入まで幅広いニーズにお応え致します。

PCデザイン→スマホ最適化ツール

こんな時におすすめです

レスポンシブコーディングをする際、PCとスマホのデザインが全く一緒でそのまま縮めたいというケースがあると思います。
例えばLPなどで、PC表示の場合は750px幅で画面中央に表示させ、スマホ表示では画面幅いっぱいで同じデザインを縮めるという場合です。

使い方

  • 1.まずPCデザインをpx単位でコーディングする
  • 2.スマホデザインの幅を入力する(例:750)
  • 3.小数点以下の桁数を選択(お好みで)
  • 4.コーディングしたcssのpxが含まれるセレクタを、1セレクタごとにコピーして変換ボタンをクリックする
  • 5.変換が必要なプロパティのみが表示されるので、コピーしてcssに貼り付ける
  • ※数字が入っていないプロパティ行は自動的に削除されます。

スマホデザインの幅を入力:

小数点の桁数を選択:

戻る