ここから本文です

transform:scaleなどにvwを使用する方法はないでしょうか?

ynr********さん

2019/3/1815:52:30

transform:scaleなどにvwを使用する方法はないでしょうか?

例えば、
---------------
body{
transform:scale(calc(100vw/1920));
}
---------------
などとして、
1920px幅のレイアウトのまま、画面サイズの拡大縮小に合わせてhtml全体をそのまま拡大縮小した見た目にしたいのですが、scaleが動かず困っています。

素人考えなのですが、vwはpxのような単位を含んでいる型なので、scaleには使用出来ないのかなとの想像なのですが、もしそうであれば、vwを単位のない数値に変換する方法など、ありますでしょうか?

また、上記以外で、画面に合わせた拡大縮小となる他の方法はありますでしょうか?

よろしくお願い致します。

閲覧数:
22
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

hin********さん

2019/3/1818:50:28

なかなか斬新な方法ですね。
スマホもタブレットもPCデザインでよければviewportをいじるだけで実現できます。

<meta name="viewport" content="width=1920">

既にviewportで何か設定してる場合は一度コメントアウトしてから試してみてください。

  • 質問者

    ynr********さん

    2019/3/1903:39:28

    ありがとうございます。
    色々試してみます!

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる