デスクトップ向けデザインを小さい画面のマックブックに対応させたい

Question

前提・実現したいこと

デスクトップ向けに作られたWebサイトを、画面幅1024pxのマックブックで綺麗に表示させたいです。コーダーです。

補足情報

デザインが完全に1400px以上のブラウザで見ることを前提に作られており、メディアクエリで対応しようとするとフォントやマージン、画像の縮小などなどすごく大変になりそうでしたので、viewportで対応しようとしました（PCだとこの記述は意味がない？）。デザイナーの要望としても、1400pxのデザインをそのまま縮小して1024pxで見れるようにとのことでした。

しかし、この方法ではうまく行かず何か代替案があればご教授いただきたいです。

該当のソースコード

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

試したこと

iPadやスマートフォンだと、この指定で実現したいことができるのですが、マックブックは縮小されずに困っています。何か方法はあれば教えていただきたいです。

Comments

[175]

単純な縮小ならtransformスタイルで簡単にできます

[niconic73027793]

CSS　と　html の詳細なソースがないと答えるのは難しいと思います。

Answer 1

画面全体のmin-widthを1024pxにして、はみ出す部分はスクロールします。(スクロール許容なら)