2016-10-21 7 views
-1

当社のウェブサイトが十分に対応しており、規模を縮小する必要はないと考えると、これは奇妙な質問かもしれません。レスポンシブウェブサイトの規模を縮小する方法は?

彼のメインのウェブサイトは980pxの最大幅に固定されているので、他のウェブサイトもそうでなければならないと考えています。

要するに、画面がその解像度よりも980px以上大きい場合、ウェブサイトを縮小する必要がありますか?

詳細を追加するには、メディアクエリを使用して、ウェブサイトをモバイル、タブレット、およびデスクトップで反応させるようにしました。ことは、980ピクセルがタブレット解像度で落ち、クライアントがデスクトップ解像度でそれを望むということです。

+1

内部にウェブサイトを開くラッパーiframe? –

+0

完全な詳細はソースコード全体です。 おそらく別のSEサイトに投稿していたはずですが、もっと適切なサイトを知ることはできません。 – Romain

答えて

1

wrapperまたはcontentはそのmax-width:980px;ではなく、より大きなデバイスのすべてのページのコンテンツに&セットを包むあなたがクライアントとnigotiateする必要があるかもしれませんが、あなたはクラスでdiv要素を追加することができますが、それはmax-width:1180px;その後、身体の背景のいずれかの無料の色を与える作りますおそらくわずかなぼかし効果を伴う画像である。画面サイズが980pxより小さくなると、幅は100%になります。

+0

ありがとうございます。 解決策の問題は、Webサイトの周りにフレームを作成することです。 私はそれとすべての要素を拡大縮小したいと思います。 ビューポートの操作が必要だと思いますが、それを行う正しい方法を見つけるためにこれまで成功していません。 私はImmaが今Vladimir Mのコメントについていると思います。 – Romain

+0

これはパーセンテージ、列、行などを使用する理由です。つまり幅は980pxです。この要素内の行は100%で、3行または4行を使用できます。余白に応じて幅50%〜47%の列を使用し、パディングを追加します。それぞれ33.33%の3つの列について。レスポンシブなデザインは、相対、パーセンテージ、浮動小数点:左、浮動小数点:右、クリア:両方の位置に基づいています。あなたはおそらく、少なくともあなたのウェブサイトを反応させるための解決策を適用する方法についてのアイデアを得るために、フレームワークとしてブートストラップまたは財団を見なければならないかもしれません。 –

関連する問題